0

Jquery モバイルを使用して、スワイプで DIV コンテンツを変更したいと考えています。

<div id = 100>
   <div id  = 101 data-role="page"> ....Content 1....</div>
   <div id  = 101 data-role="page"> ....Content 2....</div>
   <div id  = 101 data-role="page"> ....Content 3....</div>
</div>

これはうまくいきます。しかし、私の問題は、101 などの数値として与えていることです。これは、私にとって必須の要件です。DIV ID が数値の場合、スワイプは機能しません。アルファ値または英数字値で機能します。

誰でも私を助けることができます..

4

1 に答える 1

1

HTML 要素の ID に数値を使用しないことを強くお勧めします。これにより、多くの意図しない動作が発生する可能性があります。

私のアドバイスは、div の id を content_ のような名前にしてから、コンテンツをロードするときに jquery を使用して「content_」を削除することです。

このようなもの：

var contentID = $('#content_101').attr('id').replace('content_','');




  <div id = "content_100">
       <div id  = "content_101" data-role="page"> ....Content 1....</div>
       <div id  = "content_102" data-role="page"> ....Content 2....</div>
       <div id  = "content_103" data-role="page"> ....Content 3....</div>
    </div>
于 2013-06-05T02:13:43.590 に答える