大佬教程收集整理的这篇文章主要介绍了jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$(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).
以上是大佬教程为你收集整理的jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?全部内容,希望文章能够帮你解决jquery – 如何将Chosen Plugin添加到动态创建/克隆的CSS div中?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。