个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
嗨，我不会共享代码。问题出在这段代码中，请看一下。 (问题:我想每次从ajax发帖时都打开facebox，facebox无法正常工作。我想问如何在该事件中使用jQuery委托(delegate)事件？)
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="facebox/facebox.css" type="text/css" />
</head>
<body>
<ul id="items">
<li> <a href='#'> Clone Object </a> </li>
<li> <a href='#test' rel='facebox'> Click to open facebox </a> </li>
</ul>
<div id="test" style="display:none;">this is my test div</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="facebox/facebox.js"></script>
<script type="text/javascript">
jQuery('a[rel*=facebox]').facebox();
$("#items li").delegate('a', 'click', function(){
$(this).parent().append('<li><a href="#test" rel="facebox"> New Element ( problem: it should open facebox) </a></li>');
return false;
});
</script>
</bdoy>
</html>
最佳答案
有一些事情，首先更改为使用 .live() ，通过切换:
jQuery('a[rel*=facebox]').facebox();
为此:
jQuery('a[rel*=facebox]').live('click', function(e) {
$.facebox({ div: this.hash });
e.preventDefault();
});
或者 .delegate() 版本:
$('#items').delegate('a[rel*=facebox]', 'click', function(e) {
$.facebox({ div: this.hash });
e.preventDefault();
});
然后你的 .parent() 调用正在附加 <li>到<li> ，您应该替换:
$(this).parent()
与 .cloest() 所以它上升到 <ul>并将其作为子项附加到那里，如下所示:
$(this).closest("ul")
You can test out the updated version with the above changes (without images) here .
关于jQuery 委派与 Facebox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3797599/
24
4
0
我正在开发一个 Rails 应用程序，其中使用 jQuery 和 Facebox Lightbox 作为弹出表单。我想在表单上使用一些 jQuery 验证。当我尝试实现这个时，我遇到了一些奇怪的结果。
我正在使用Facebox用于我的弹出窗口。 然而，当加载大图片时，它会显示 Facebox，但没有旋转的圆圈。 "Facebox loading" thread有这个解决方案: $("#test2")
嗨，我不会共享代码。问题出在这段代码中，请看一下。 (问题:我想每次从ajax发帖时都打开facebox，facebox无法正常工作。我想问如何在该事件中使用jQuery委托(delegate)事件？
知道我已经安装了 jquery-rails gem，如何在 Rails 应用程序中使用 Facebox？还需要进入 View 的示例代码。谢谢。 最佳答案 将 Facebox 库包含在您的 appli
我在使用ajax加载的内容中使用facebox 通常，该插件会删除以前的内容，因此多次单击同一链接仍会显示一张图像。 但不与 live 一起使用。它将堆叠图像 下面将其设置为空将不起作用？插件中也已经
按照 Facebox 网站上的文档所述绑定(bind)我的 Facebox 请求。 但是在我点击其中一个 div.comment 之后，Facebox 请求不再有效。 我正在使用的代码就在下面，再往下
我正在使用 Facebox 从 MySQL 中删除数据(配置)。我想知道如何使用窗口中的取消按钮。当用户单击“取消”facebox 时必须卸载。 这是我在 Facebox 中使用的代码。 Are Yo
在 Facebox JavaScript 插件中，我的内容被多次添加。 这是我初始化 Facebox 代码的代码 $(document).ready(function(){ $('a[rel*
我在使用 facebox 时遇到了一些问题，似乎找不到解决方案。无论如何，我已正确显示所有内容并且图像有效，但我的内容无法加载。当您单击带有 rel="facebox"标签的链接时，它会显示该框，但它
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
如何在 Facebox 创建的弹出窗口中添加关闭按钮？ 谢谢。 最佳答案 您只需将其与按钮的点击事件联系起来 $(document).trigger('close.facebox'); 关于jquer
我将使用Facebox在我的页面中，正在加载以下插件: 我有两个 div 元素。我想在 onclick 事件之后在 Facebox 中显示一个 div，并且我在 onclick 事件之后使用此命
我在尝试同时使用这两个插件时遇到问题:Localisation (用于翻译 javascript)和 Facebox(每个人都知道，对吧？) 我可以让它们单独工作，没有任何问题，但是当加载本地化插件并
我在 Facebox 模式弹出窗口内的文本框中使用tinymce 时遇到一些问题。我正在尝试执行以下操作- 有一个父页面，我在其中加载 tinymce.min.js javascript 文件并执行
我有一个“实时搜索”类型的页面，它使用 ajax 调用另一个页面来检查输入的有效性。它会返回一张图像，您可以单击该图像以查看有关该产品的更多信息。该图像具有 rel="facebox"属性，这意味着在
我有一个关于 Facebox 的问题.当我单击页面上的某个链接时，Facebox 模态窗口打开得很好。但是在这个模态窗口中，我想要一个用户可以提交的表单。当用户点击提交按钮时，整个页面刷新，我的 Fa
我正在 jQuery Facebox 中打开一个编辑公式。在该公式下有一个谷歌地图，它用地理编码器用标记指示给定地址的位置。不幸的是，该 map 未显示在 facebox 中。在我的普通页面上，效果很
我正在使用带有表单的 facebox 打开一个小模式对话框，然后尝试使用 javascript 访问该表单上文本字段内的值。这是 HTML 代码 - Setting URL
我从famspam.com/facebox 下载了facebox。然后我将facebox.js添加到public/javascripts文件夹中，并将facebox.css添加到public/styl
我正在使用 facebox 来显示联系表单，但是当用户选择提交时，我希望在本例中调用 action="contact_send.php"的操作也可以在 facebox 中打开。目前，通过将 rel 属
我是一名优秀的程序员,十分优秀！