javascript – 如何将新页面加载到我当前的jQuery颜色框中?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何将新页面加载到我当前的jQuery颜色框中?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1221字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 如何将新页面加载到我当前的jQuery颜色框中?](/upload/InfoBanner/zyjiaocheng/798/2b3541c9d75347c99847662a672eac4b.jpg)
我在将页面加载到已存在的颜色框中时遇到了一些麻烦.
我点击了一个由以下代码绑定的链接打开了一个颜色框:
$("a.ajaxAddPage").colorbox({
onComplete: function(){
$('ul#addPage li a').click(function() {
$.colorbox({href: $(this).attr('href')});
return false;
});
}
});
以下HTML通过AJAX加载到该颜色框中:
<div class='colorboxWindow'>
<ul id='addPage'>
<li><a href='addCat.php'>Add Category</a></li>
<li><a href='addPage.php' class='current'>Add New Page</a></li>
<li><a href='addPage2.php'>Add Another Page</a></li>
</ul>
<h3>Add New Page...</h3>
</div>
我正在尝试在单击它们时在当前颜色框中打开这3个链接中的每一个.使用上面的onComplete绑定,这适用于第一次单击,但下一次单击只会像普通页面一样打开.
如果我在上面的代码中向$.fn.colorbox()调用添加另一个onComplete,那么第二次单击也会加载到同一个颜色框中,但第三次不会.
有没有办法将所有未来的点击绑定在同一个颜色框中打开?我对事件绑定还不太了解.
如果您需要澄清,请询问.
解决方法:
如何使用jQuery .live()方法?它应该处理添加的新元素并将事件处理程序附加到新元素.
在这种情况下,我们将它应用于#cboxLoadedContent元素,因为这是来自AJAX调用的新元素应该进入的位置.它看起来像这样:
$("a.ajaxAddPage").colorbox();
$('#cboxLoadedContent a').live('click', function() {
$.colorbox({href: $(this).attr('href')});
return false;
});
内容总结
以上是互联网集市为您收集整理的javascript – 如何将新页面加载到我当前的jQuery颜色框中?全部内容,希望文章能够帮你解决javascript – 如何将新页面加载到我当前的jQuery颜色框中?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。