2011-06-30 25 views
0

ウェブサイトでいくつかのフォームをポップアップするためにjqueryを使用していますが、問題は複数のフォームをポップすることができたいと思っています。私はjqueryを複数のidにする。コード:ように、#create-user1#create-user2と: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のためのボタン作業を行うことができますか?

答えて

2

あなたは、カンマで区切られた複数のセレクタを追加することができる必要があり、例えば

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

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

EDIT:これは動作するはず

コメントの後に、それはテストされていないだとそうでないかもしれません最も効率的ですが、そのスタート!

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

で、動的に広告彼らにできるようにしたいです注文はありますが、どれくらいの数があるのか​​わかりません。 – dana

+0

はあなたのようなものを意味するか意味の反復で未定義の数 –

0

で、ユーザー-1を作成<div id="create-user-1"><div id="a">First content goes here</div></div>と第二1 <div id="create-user-2"><div id="b">Second Content goes here</div></div>用を追加し、あなたはそれの内容にアクセスし、適切なセレクタを使用することができます。

そして、$("#create-user1, #create-user2").dialog()あなたは大丈夫でしょう。数字がでているIDの作成、ユーザー とタグのいくつかの数があります :

関連する問題