2

私はjsファイルに書いています。これが私がこれまでに試したことです。(私のコードは少し長いですが、これが私がやろうとしていることです)

var popUpList= $ ('<input type="radio">A<br> <input type="radio">B<br> <input type="radio">C');

var showPopUpButton=$('<button type="button">Select a Letter</button>'); 
// showPopUpButton is appended to the body
showPopUpButton.click(function() {
      alert(popUpList);
   });

showPopUpButton をクリックすると、警告ウィンドウに [object Object] が表示されます。これは、変数 popUpList が空であることを意味していると思います。JavaScriptでそれを行う方法が見つかりませんでした。

ここで提案されているように、jQueryでも試しましたjsを使用してラジオボックスでポップアップを作成します

var popUpList= $ ('<input type="radio">A<br> <input type="radio">B<br> <input type="radio">C ');
    showPopUpButton.click(function() {
          popUpList.dialog();
       });

これで、ボタンは表示されますが、ポップアップ ウィンドウ内には表示されません! そして、それらはすべて重ねられています。どんな助けでも大歓迎です。

ありがとう！

4

2 に答える 2

6

単一の要素で機能するため<input>、 をコンテナー要素 (例: ) でラップする必要があります。<div>dialog()

コードでは、dialog()関数に複数の DOM オブジェクトで動作するように要求しているため、関数は失敗します。

コードは次のとおりです。

var popUpList = $('<div><input type="radio">A<br><input type="radio">B<br><input type="radio">C</div>');

showPopUpButton.click(function() {
    popUpList.dialog();
});

実際の動作はこちらでご覧ください。自分で試してみてください。:)

于 2013-08-07T21:47:46.753 に答える
0

入力を HTML 文字列に変更し、HTML として解析して #dialog 要素内に挿入しました。

var popUpList= '<input type="radio">A<br> <input type="radio">B<br> <input type="radio">C',
    dialogHtml = $.parseHTML(popUpList);


showPopUpButton.click(function() {      
      $( "#dialog" ).html(dialogHtml).dialog();
   });
于 2013-08-07T21:30:02.843 に答える