使用jQuery过滤div

时间:2014-10-21 08:11:44

标签: jquery sharepoint

我正在尝试在sharepoint下开发一个过滤div的webpart,这就是我做的事情

function FilterDivs() {
    $('div.filters').find('input:checkbox').click(function () {
        $('.items> div').hide();
        $('div.filters').find('input:checked').each(function () {
            $('.items> div.' + $(this).attr('rel')).show();
        });
    });
}

此函数可以正常使用静态数据,即定义的过滤器(复选框)和定义的项目: 示例:

 <div id="vcf-theme"  class="Filters">
            <div class="title">Mathematics</div>
            <div class="vcf-allInput">
            <p class="vcfcb-theme">
                    <input id="test3" rel="Newcontracts" type="checkbox">
                    <label for="test3">New contracts</label>
            </p>  
            </div>
    </div>

    <div id="container" class="items">
         <div class="Newcontracts vcf-actus item">
             <a href="javascript:void(0);">
                 <div class="vcf-img">
                     <span>background</span>
                     <img src="" alt="Image">
                 </div>
                 <div class="vcf-text">
                     <span>Mathematics</span>
                     <h4></h4>
                     <span class="vcf-date"></span>
                     <p>Curabitur volutpat laoreet sapien eu mattis. Vestibulum volutpat erat vel     vestibulum mollis. ...</p>
                 </div>
             </a>
         </div>
    </div>

这很好用,但我想要的是动态加载div过滤器和div项的内容,然后构建复选框和项目,以便通过REST调用从SharePoint列表中过滤。

我做了所有这一切并且它工作正常但现在小的过滤功能不再工作,因为尽管我添加了魔术函数Exec​​uteOrDelayUntilScriptLoaded,但是浏览器仍在加载过滤功能之前加载过滤复选框加载复选框。

请你帮我解决这个问题,谢谢

0 个答案:

没有答案