1

ようやくユーザー入力項目をチェックリストに追加できるようになりました。ただし、それらが追加されたとき、それらは Jquery Mobiles スタイルを採用していません。

これは何が起こっているかのスクリーンショットです

ここに画像の説明を入力

これはHTMLです：

<h3>My items</h3>
<table id="myTable">
  <tr>
    <td>
      <label for="checkbox65">
        <input name="checkbox65" class="checkbox65" type="checkbox" />
          My stuff
      </label>
    </td>
 </tr> 
 <tr>
   <td>
     <fieldset data-role="controlgroup">
       <label for="textinput4">
         Add new item
        <input name="new_item" id="textinput4" placeholder="" value="" type="text" />
       </label>
     </fieldset>
   <button id="add">Add</button>
   /td>
  </tr>
  </table>​

これは、ユーザー入力項目をチェック リストに追加するためのスクリプトです。

<script type="text/javascript">
$(document).on('click', '#add', function(e) {
   var $this = $(this);
   var $firstRow = $this.closest('table').find('tr:first');
   var $newRow = $firstRow.clone();

   var input = $newRow.find(':input').remove();
   input.prop('checked', false);
   $newRow.empty().append(input).append('&nbsp;' + $('#textinput4').val());

   $newRow.insertAfter($firstRow);
  });
</script>

おそらく含めることができる別の質問を読みました

$('[type='submit']').button();

ユーザー入力項目のスタイルを設定するため。ただし、これが自分に適しているかどうか、またはスクリプトのどこに配置するかはわかりません。

ありがとう。

4

2 に答える 2

1

これを使用する必要があります：

$('[type="checkbox"]').checkboxradio();

これについて、および動的に追加されたコンテンツを正しくスタイル設定する方法について詳しく知りたい場合は、私のブログARTICLEを参照してください。動的に追加された jQuery Mobile コンテンツの拡張に関するすべてが記載されています。または、ここで見つけることができます。

于 2013-01-29T12:52:50.507 に答える
0

一見すると、コードに jQuery 構文のバグがあり、次のようになります。

$('[type="submit"]').button();
于 2013-01-29T12:55:57.000 に答える