1

こんにちはみんな私はこのような状況にあります

<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;
});

助けてくれてありがとう

4

2 に答える 2

1

JavaScriptを使用して要素を生成しているので、要素またはドキュメントオブジェクトの静的な親の1つからイベントを委任する必要があります。

$(".todos-pedidos").on('click', 'span.todos-pedidos2', function(event){
// or $(document).on('click', 'span.todos-pedidos2', function(event){
于 2012-11-10T22:07:37.177 に答える
1

clickjQueryのメソッドは、常に存在するDOM要素を対象としています。動的に追加される要素は、このonメソッドを使用してイベントハンドラーを追加する必要があります。

$("span.todos-pedidos2").on('click', function(event) { });
于 2012-11-10T22:09:08.470 に答える