个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试将 knockout.js 和 colorbox 结合到相册中。
我将所有照片都放在一个可观察数组中，代码如下所示:
<script type='text/javascript>
function Photo(src, comment) {
this.image = src;
this.comment = ko.observable(comment);
}
var view_model = {
photos: ko.observableArray([
new Photo('/gallery/img1.jpg', 'Some comment'),
new Photo('/gallery/img2.jpg', 'Some other comment'),
new Photo('/gallery/img3.jpg', '')
]),
current_photo: ko.observable()
};
$(document).ready(function(){
$('ul#gallery').colorbox({href: '#photo-detail'});
});
</script>
<script id='photoTemplate' type='text/html'>
<li>
<img src='{{src}}' />
<div>{{comment}}</div>
</li>
</script>
<body>
<ul id='gallery' data-bind='template: "photoTemplate, foreach:photos"'</ul>
<div style='display: none'>
<div id='photo-detail'>
<img data-bind='attr: { src: current_photo().src }'/>
<input type="text" data-bind='value: current_photo().comment'/>
</div>
</div>
</body>
当加载新图像时，我在 colorbox 的事件处理程序中更新 current_photo。在我编辑评论之前一切正常。
看起来 knockout 删除了 DOM 元素，并用一个新元素替换它，所以当移动到下一张照片然后再返回时，颜色框出现错误。如果我关闭 colorbox 并重新初始化，它会再次工作。
有没有办法在不关闭的情况下更新颜色框的数据？
最佳答案
我认为与其使用 jquery 模板，不如使用 Knockout 1.3 和新的 foreach 绑定(bind):
http://blog.stevensanderson.com/2011/08/31/knockout-1-3-0-beta-available/
<ul data-bind="foreach: products">
<li>
<strong data-bind="text: name"></strong>
<em data-bind="if: manufacturer">
— made by <span data-bind="text: manufacturer.company"></span>
</em>
</li>
</ul>
它基本上只是复制父节点下的节点，因此您不需要使用模板，除非它更复杂。
您是正确的，您正在使用的 jquery 模板实现重新创建了可能会破坏颜色框的节点，我认为新的 foreach 实现应该保留节点并更好地工作。
如果失败，尽管您可能必须编写自己的自定义挖空绑定(bind)或将列表绑定(bind)到 colorbox 的东西。
关于javascript - 如何更新 colorbox 中的基础数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7965430/
25
4
0
我通过调用打开弹出窗口 $.colorbox({ href: "notification.aspx" }); 在 notification.aspx 中我有 ... OK 弹出窗口显示正常，但当我单
我的网页上有一个表单。当用户在表单中输入内容并单击“提交”时，我希望弹出带有结果页面的颜色框。 关于如何解决这个问题有什么想法吗？ 我想我必须将表单数据转换为 get 字符串，将其放在要打开的 url
我在使用 jquery 和 colorbox lightbox (http://colorpowered.com/colorbox/) 插件时遇到问题。 如果您从同一链接多次打开颜色盒，则加载到颜色盒
我使用 Jquery Colorbox 在颜色框弹出窗口中显示信息。 我打开了 iframe，因此当新的颜色框打开时，如果内容多于颜色框的高度，则颜色框弹出窗口中的窗口会滚动。 问题是，如果我继续使用
让我解释一下。我使用 Colorbox 加载 HTML 文件并将其显示在 iframe 中。 HTML 文件包含 标签。是否可以使用标签作为 Colorbox 弹出窗口的标题？我可以使用 onComp
所以我使用 Node.js 来运行 colorbox。我已经让 colorbox 工作了，但是，color box 看起来不像第三个例子，我使用了相同的代码并使用了相同的图像。我还缺少其他配置吗？ h
我检查了是否加载了 jQuery 和加载了 colorbox 脚本，并且它们都已正确加载(我使用 .getScript 查看是否正确加载了 colorbox，我得到了肯定的结果)。但是该函数不加载 c
所以我加载了一个彩盒。我希望能够重定向/转发到现有颜色框内的另一个页面。 window.location = href; 在这里不起作用。 编辑:更具体地说，我想拦截表单提交，并在必要时重定向。
我正在使用 colorbox(jquery 插件)来显示多步骤注册过程。我在“iframe”模式下使用 colorbox。 $('#signup').colorbox({ width:
我使用的是 colorbox 版本 1.3，并使用以下代码调用 colorbox $(".extractImages").colorbox({ ajax:true, speed:10
我正在申请 ColorBox在链接上: 链接中的图标在我点击它之前看起来很正常。当我单击它时，colorbox 会按预期打开一个新窗口。当我关闭这个窗口时，我的图像周围有一个边框。 这会不会是因为
我下载了 colorbox jquery plugin 的最新版本。现在我为 iframe 和 inline 设置了 true colorbox。我的问题 colorbox(lightbox) 没有设
我有这个照片库http://lifelistchase.com/japan-photo-gallery 每张图片都会作为 WordPress 帖子上传并插入。缩略图 (the_post_thumbna
当我编写 jQuery.fn.colorbox() 时，它给出的结果与 jQuery.colorbox(); 我想了解 fn 的意义 在 jQuery 中。 最佳答案 上次我看的时候，fn 是 jqu
目前，我正在尝试将一个 div 放置在颜色框之外，并将其绝对放置在颜色框覆盖层中的某个位置。我在 colorbox 中加载的页面是 iframe，因此我想将 div 放置在加载 iframe 的 co
我在 IE9 中遇到一个奇怪的问题。 如果我将输入元素放入颜色框(内联 HTML)中，然后在所述输入元素具有焦点的情况下按 Enter 键 - 颜色框会关闭吗？ 这在 Chrome 中不会发生。 我设
我们有一个颜色框模式弹出窗口，除非用户单击弹出窗口右上角的“X”，否则我们不想关闭它。目前，如果您单击弹出区域外的任何位置，它将关闭。 非常感谢! 保罗 最佳答案 Colorbox 可以选择修改该功能
我不是 jQuery 人，但愿我是。我没有处理任何冲突，但它仍然一次只允许一个脚本工作，而不是同时工作。我正在使用滚动到jquery脚本和colorbox(如lightbox)这是我的代码。任何帮助都
我必须在 colorbox 中加载相同的 html 页面，但使用不同的查询字符串参数。除 JQuery 外，一切正常。即某些特定 div 的计数，我正在使用 $('div').length;它返回错误
我正在使用 zenphoto 和 colorbox 插件开发一个网站。两者都很棒，让我完成了 99% 的任务。 此页面上的幻灯片有两个相当小的障碍...... http://whatiswordpre
我是一名优秀的程序员,十分优秀！