Javascript jQuery和AJAX-对象动态添加了ajaxwon';不能使用jQuery函数吗?
所以我有一个MVC代码,它可以生成如下内容Javascript jQuery和AJAX-对象动态添加了ajaxwon';不能使用jQuery函数吗?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,所以我有一个MVC代码,它可以生成如下内容 <div class="photoset"> <img /> <img /> </div> <div class="photoset"> <img /> <img /> <img /> </div> 这是调用无限滚动的函数: $(function () { $(".loading").hide();
<div class="photoset">
<img />
<img />
</div>
<div class="photoset">
<img />
<img />
<img />
</div>
这是调用无限滚动的函数:
$(function () {
$(".loading").hide();
});
var moreRowsUrl = '@Url.Action("index", "home")';
$(window).scroll(ulScrollHandler);
我做了一些研究,但无法确定我的代码不起作用的原因,尝试了一些东西但没有成功。如果有人能帮助我,那就太好了!提前感谢,并对任何错误表示歉意,我对jQuery和Ajax非常陌生。您可以尝试在.prev
和上单击事件的事件委派。下一步元素:
$(document).ready(function(){
$(document).on('click', '.prev', function(){.....});
$(document).on('click', '.next', function(){.....});
});
是否要添加JSFIDLE?是否检查错误?使用AJAX动态添加哪些元素?如果您要添加更多的photoset
div,它们将不会有$(“.photoset”)添加的任何数据和CSS,因为这只适用于加载页面时存在的元素。可能将photoset代码包装在函数中,并在动态内容加载后再次调用它,这是因为photoset()
方法未应用于新加载的photoset,它们在运行时不可用,并且只有在脚本通过DOM ready上所有可用的Photoset进行迭代后才能添加。因此,解决方案是在动态加载的内容上重复$(“.photoset”).each()
。我将此代码放在“$(document).ready(function()}”部分?是。它将替换您声明的单击处理程序
$(function () {
$(".loading").hide();
});
var moreRowsUrl = '@Url.Action("index", "home")';
$(window).scroll(ulScrollHandler);
$(document).ready(function(){
$(document).on('click', '.prev', function(){.....});
$(document).on('click', '.next', function(){.....});
});