2011-06-30 40 views
0

我使用jquery为了在网站上弹出一些窗体,问题是我想能够弹出多个窗体,而且我不知道怎么可以我让jquery采取多个id。验证码:jquery ui在同一页面的多个弹出窗口

$(function() { 

    $("#dialog:ui-dialog").dialog("destroy"); 


    $("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 700, 
     width: 750, 
     modal: true, 
     buttons: { 

      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 

    $("#create-user") 
     .button() 
     .click(function() { 
      $("#dialog-form").dialog("open"); 
     }); 
}); 

可我为ID的Like按钮的工作:#create-user1#create-user2等等?

回答

2

,你应该可以添加用逗号分隔的多个选择,例如

$("#create-user1, #create-user2").dialog() 

参见:http://api.jquery.com/multiple-selector/

编辑:后评论

这应该工作,这是未经检验的,也许不是最高效的,但它的一个开始!

var count = 1; 
var selectorString = ""; 
while ($("#create-user" + count).length > 0) { // .length check to see if the element is present 
    count++; 
    selectorString += "#create-user" + count + " "; 
} 
$(selectorString).dialog() 
+0

没有,但我希望能够给广告他们动态的,随着迭代我的意思是 – dana

+0

: 有一些id为创建用户数量的标签,其中的数字是在顺序,但你不知道他们会有多少人? – dana

+0

你的意思是这样一个未定义的数字 –

0

在创建用户-1,添加一个<div id="create-user-1"><div id="a">First content goes here</div></div>和第二个<div id="create-user-2"><div id="b">Second Content goes here</div></div>,您可以访问它的内容,并使用正确的选择。

然后$("#create-user1, #create-user2").dialog()你应该没问题。

相关问题