jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery的Chosen插件(在这里找到: http://harvesthq.github.com/chosen/)增加选择HTML元素的额外功能.我可以使用以下代码功能添加页面上加载的初始元素:

$(document).ready(function(){
$(".chosenProperties").data("placeholder","SELEct properties...").chosen();
$(".chosenType").data("placeholder","Type...").chosen();
$(".chosenInstance").data("placeholder","Instance...").chosen()

这样可行.所有这三类SELEct元素都出现在名为#newGroup的div中.页面上有一个按钮,“添加一个新组,克隆#newGroup div并将其添加到第一个下方.

它包含相同的元素.但是,当我尝试将选择的功能添加到克隆div中的选择项时,它们将被冻结.界面与第一个界面看起来相同,因此正在加载Chosen,但是当我点击它们时没有任何反应.这是代码

$( '#swl-add-group-button' ).click( function() {
    //addGroupToGUI();
    createClassAddRow();

} );


var rowNum = 0;     
function createClassAddRow() {
    rowNum++;
    newRow = jQuery('#newGroup').clone().css('display','');
    newHTML = newRow.html().replace(/0/g,1);
    newRow.initializeJSELER_876_11845@ents();
    newRow.html(newHTML);
    newRow.initializeJSELER_876_11845@ents();
    jQuery('#mainTable').append(newRow);
    addGroup(newRow);
}

jQuery.fn.initializeJSELER_876_11845@ents = function (){
    this.find(".chosenProperties").each( function() {
        alert('test');
        if($(".chosenProperties").data("placeholder","SELEct properties...").chosen()){
            alert('test2');
        }
    });
    this.find(".chosenType").each( function() {
        jQuery(this).data("placeholder","Type...").chosen();
    });
    this.find(".chosenInstance").each( function(){
        jQuery(this).data("placeholder","Instance...").chosen();
    })

}

警报,测试和测试2都会出现.所以我认为jQuery正在加载,但由于某种原因它不起作用.此外,我不确定这是否有所作为,但当我将鼠标悬停在克隆div的选择元素上时,它表示javascript:void(1),而当我将鼠标悬停在原始文件上时,它表示javascript:void(0).

解决方法

我提出的工作与Abhinav相似.
删除了选择生成代码.
SELEctBox删除了“chzn-done”类.
关闭显示在选择框上没有,然后重新应用选择到选择框

$j("#masterCats_chzn").remove();
$j("#masterCats").css({display: "inline-block"}).removeClass("chzn-done").addClass("chsn");
$j(".chsn").chosen();

大佬总结

以上是大佬教程为你收集整理的jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?全部内容,希望文章能够帮你解决jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?所遇到的程序开发问题。

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

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