jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-mobile – Knockout,JQMobile和生成可折叠集似乎不能正常工作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经检查了一些样本,但没有一个与我正在尝试的完全相同.

我的作品大部分都是有效的,但它并不能正常工作.@H_489_7@

这是解释问题的小提琴.@H_489_7@

http://jsfiddle.net/5yA6G/4/@H_489_7@

请注意,顶部集合工作正常,但它是静态定义的.@H_489_7@

底部集合(Tom,steve,bob)基本上“工作”,但是标题元素最终都在可折叠标题和可折叠部分中被隐藏.@H_489_7@

好像我一定做错了什么,但我还没弄清楚是什么.@H_489_7@

有任何想法吗?@H_489_7@

解决方法

我实际上找到了一种更简单的方法

>像往常一样设置你的foreach绑定看起来像这样@H_489_7@

<div data-bind="foreach: promotions">

    <h3 data-bind="text: title"></h3>
        <p>Creator:<span data-bind="text: Creator"></span></p> 
        <p>Effective Date:<span data-bind="text: EffectiveDate"></span></p>
        <span data-bind="text: Description"></span>
        <a data-bind="text: Buttontext,attr: {href: ButtonLink}"></a>

>在div中包裹它,类=“可折叠,如此@H_489_7@

<div data-role="collapsible-set" data-bind="foreach: promotions">

<div class="collapsible">
    <h3 data-bind="text: title"></h3>
        <p>Creator:<span data-bind="text: Creator"></span></p> 
        <p>Effective Date:<span data-bind="text: EffectiveDate"></span></p>
        <span data-bind="text: Description"></span>
        <a data-bind="text: Buttontext,attr: {href: ButtonLink}"></a>

>执行绑定后,通过jquery mobile应用可折叠小部件,如下所示:@H_489_7@

$(document).ready(function () {
    ko.mapping.fromJS(data,dataMappingOptions,Promotionviewmodel.promotions);
    ko.applyBindings(Promotionviewmodel);
    $('.collapsible').collapsible();
});

>对于可折叠集,可以应用相同的想法,只需在foreach div上设置class =“collapsible-set”即可.希望这可以帮助@H_489_7@

大佬总结

以上是大佬教程为你收集整理的jquery-mobile – Knockout,JQMobile和生成可折叠集似乎不能正常工作全部内容,希望文章能够帮你解决jquery-mobile – Knockout,JQMobile和生成可折叠集似乎不能正常工作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。