当<div> Id为数字</div>时,Jquery移动滑动不起作用

时间:2013-06-05 02:00:59

标签: jquery-mobile

我想使用Jquery mobile在滑动时更改我的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为数字时,滑动不起作用。它适用于alpha或字母数字值。

任何人都可以帮助我..

1 个答案:

答案 0 :(得分: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>