2011-06-30 71 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()你應該沒問題。

相關問題