Jquery ui 页面加载后调用jquery交互
我正在处理的项目使用jquery的apend动态生成表。我遇到的问题是对其应用交互,它们不会影响生成的表 调用jquery交互的javascript:Jquery ui 页面加载后调用jquery交互,jquery-ui,double-click,Jquery Ui,Double Click,我正在处理的项目使用jquery的apend动态生成表。我遇到的问题是对其应用交互,它们不会影响生成的表 调用jquery交互的javascript: $(function() { $( '.window' ) .draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' }) .resizable({ minHeight: 24, minWidt
$(function() {
$( '.window' )
.draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' })
.resizable({ minHeight: 24, minWidth: 75, helper: 'win-resizable-outline' });
});
生成表的javascript:
function dispWindow(cid) {
$('#desktop').append('<table class="window" id="window' + cid +'"><tr><td class="winIcon" id="winIcon' + cid + '"></td><td class="winTitle" id="winTitle' + cid + '"></td><td class="winTR"></td></tr><tr><td class="winL"></td><td class="winBody" id="winBody' + cid + '"></td><td class="winR"></td></tr><tr><td class="winBL"></td><td class="winB"></td><td class="winBR"></td></tr></table>')
}
任何帮助在添加表元素后,请尝试在dispWindow中建立可拖动和可调整大小。您可以同时使用jQuery和可拖动/可调整大小,如图所示
例如:
$(function() {
$('.window').live("mouseover", function() {
if (!$(this).data("init")) {
$(this).data("init", true);
$(this).draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' });
}
});
});
Sry,评论被翻了。谢谢,做得很好!Sry,评论被翻了。代码可能会有帮助,但这是个好主意
$(function() {
$('.window').live("mouseover", function() {
if (!$(this).data("init")) {
$(this).data("init", true);
$(this).draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' });
}
});
});