javascript - 在附加 att id 后用 jquery 打开链接

Question

大家好，我有这样的情况

<div class="todos-pedidos" title="/pedidos">See More</div>

当单击此 div 时，它会使用此 jquery 扩展我的 UL/LI

$('.todos-pedidos').click(function() {
$('#bloco-pedidos-andamento ul li:hidden:lt(2)').slideToggle();

if( ! $('#bloco-pedidos-andamento ul li').is(':hidden') )
    $('.todos-pedidos').html("<span class='todos-pedidos2'>See All</span>");
return false;

当没有更多的 LI 来扩展按钮时更改 div 文本

所以我尝试在将文本从“查看更多”更改为“查看所有”后，如果访问者再次单击此转到 url

我试过了，但我认为有一些错误或冲突，链接打不开

$("span.todos-pedidos2").click(function(event){
    event.preventDefault(); 
    var link = $('.todos-pedidos').attr("title");
    location.href=link;
});

谢谢你的帮助

Answer 1

当您使用 JavaScript 生成元素时，您应该从元素或文档对象的静态父元素之一委托(delegate)事件。

$(".todos-pedidos").on('click', 'span.todos-pedidos2', function(event){
// or $(document).on('click', 'span.todos-pedidos2', function(event){