2
场景动态Click事件不能正常工作时的数据加载jQuery中
我需要时,图像的用户点击,图像应进行切换。(只有前页d“NT负载),说的着陆页。
然后用户滚动浏览器(加载更多的故事),然后点击图像不会触发。
我有调试问题发现我已经在类上使用点击功能,所以当页面加载浏览器分配类的HTML(点击作品)。
然后滚动加载更多然后它浏览器不分配类来呈现HTML因此点击w nt工作。
js代码
var eventData = {};
$(document).ready(function(){
if (localStorage.getItem('eventData') !== null) {
$.each(eventData = JSON.parse(localStorage.getItem('eventData')), function(id){
$('#'+id).addClass('faved');
});
}
});
$('.favourate_dextop').click(function(e){
e.preventDefault();
if (eventData[this.id] !== undefined) {
delete eventData[this.id];
}else{
eventData[this.id] = $(this).data();
}
$(this).toggleClass('faved');
localStorage.setItem('eventData', JSON.stringify(eventData));
console.log(eventData);
});
HTML代码
<div style="display:block; float:right; width:auto; color:#7c7c7c;">
<a href="javascript:void(0);" class="favourate_dextop" title="Add to Favorites" id="fav'.$data[$k]['id'].'"
data-sess_id="'.$data[$k]['id'].'"
data-name="'.$name_event.'"
data-city="'.$event_city.'"
data-country="'.$event_country.'"
data-event_url="'.$event_urls.'" >
</a>
</div>
小提琴:http://jsfiddle.net/o61rqj95/5/
问题
- 我还需要点击才能正常工作,当加载更多的数据已被渲染。
- 任何建议是最受欢迎的。
点击才能加载更多。
溶液I使用Google
1. <a href="javascript:functionname(this);"> 2. in html file call function name.
功能使用functionName(项目) { 警报( “测试”)后发现; }
然后还警告不要“T作品
工作液
var eventData = {};
$(document).ready(function(){
if (localStorage.getItem('eventData') !== null) {
$.each(eventData = JSON.parse(localStorage.getItem('eventData')), function(id){
$('#'+id).addClass('faved');
});
}
$('.favourate_dextop').on("click", function(e){ favorite(this); });
});
function favorite(item){
console.dir(item);
if (eventData[item.id] !== undefined) {
delete eventData[item.id];
}else{
eventData[item.id] = $(item).data();
}
$(item).toggleClass('faved');
localStorage.setItem('eventData', JSON.stringify(eventData));
console.log(eventData);
}
代表的点击。 https://api.jquery.com/on/ – dowomenfart 2015-03-31 15:12:36
您需要将事件绑定到目标元素,因为它是动态加载的,这意味着初始页面加载时,目标元素甚至不可用于DOM结构中 – Sai 2015-03-31 16:09:08