點擊事件不會從第二頁開始觸發

點擊事件有問題。我使用jPList插件，每個結果集都有一個點擊功能。第一個頁面點擊功能工作正常，但是當我選擇第二個或第三個頁面並單擊該按鈕時，它不會被觸發。點擊事件不會從第二頁開始觸發

HTML

<!-- demo --> 
<div id="demo"> 

<!-- panel --> 
<div class="jplist-panel"> 

<!-- pagination control --> 
<div class="jplist-pagination" data-control-type="pagination" data-control-name="paging" data-control-action="paging" data-items-per-page="2"> 
</div> 

</div> 

<!-- HTML data --> 
<div class="list"> 

<!-- item 1 --> 
<div class="list-item"> 
    <p> 
    first result 
    </p> 
    <p class="hitme"> 
    click me 
    </p> 
    <hr> 
</div> 

<!-- item 2 --> 
<div class="list-item"> 
    <p> 
    second result 
    </p> 
    <hr> 
</div> 

<!-- item 3 --> 
<div class="list-item"> 
    <p> 
    thrid result 
    </p> 
    <button class="hitme"> 
    click me 
    </button> 
    <hr> 
</div> 

<!-- item 4 --> 
<div class="list-item"> 
    <p> 
    fourth result 
    </p> 
    <hr> 
</div> 
<hr> 

<!-- item 5 --> 
<div class="list-item"> 
    <p> 
    fifth result 
    </p> 
    <button class="hitme"> 
    click me 
    </button> 
    <hr> 

</div> 

<!-- item 6 --> 
<div class="list-item"> 
    <p> 
    sixth result 
    </p> 
    </div> 
</div> 
</div>

jQuery的

$('document').ready(function() { 

$('#demo').jplist({ 
itemsBox: '.list', 
itemPath: '.list-item', 
panelPath: '.jplist-panel' 
}); 

$('.hitme').on('click', function() { 
alert('clicked'); 
}) 

});

誰能幫我這個吧。

參見JSfiddle

來源

2015-12-14 hailey Turlapati

HTTP：//的jsfiddle .net/ymu0nox6/ –

將代碼直接發佈到問題中而不是鏈接出來通常是一個好主意。 –

檢查http://jsfiddle.net/ymu0nox6/2/，當你的按鈕被動態創建時，你需要使用'$（「body」）。on（'click'，'.hitme'，function（）{。 ..yourCode ...}）'第二次找到該按鈕 – Aatman

由於元素尚未生成因此單擊事件不結合。委託從已經加載某些元件的情況下，我改變了 '點擊' 事件，如下所示：

$(document).on('click', '.hitme' , function() { 
    alert('clicked'); 
    })

Demo

乾杯，

阿肖克

來源

2015-12-14 08:53:15

嘗試此代碼

$('document').ready(function() { 
     $('#demo').jplist({ 
     itemsBox: '.list', 
     itemPath: '.list-item', 
     panelPath: '.jplist-panel' 
     }); 
     $("body").on('click', '.hitme', function(){ 
     alert('clicked'); 
     }); 
    });

來源

2015-12-14 07:23:54

點擊事件不會從第二頁開始觸發

回答

相關問題