Jquery 1.4.2 ui-slider问题

时间:2014-05-31 22:43:10

标签: jquery jquery-mobile

我正在使用jquery mobile 1.4.2

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

当我在移动Chrome浏览器上加载我的页面时。 jquery mobile自动创建名为“ui-slider”的新代码

这是我的原始代码。

                    <div class="product-info_image">

                        <div class="content-slider" draggable="false">
                            <div class="content-slider_viewport" >
                                <ul class="content-slider_list" id="image_wrapper" style="width: 900px;">

  <li class="content-slider_item active"  style="width: 300px;"><img src="1.gif"></li>
  <li class="content-slider_item active"  style="width: 300px;"><img src="2.gif"></li>

   </ul>
</ul>
                            </div>


                        <ol class="content-slider_pagination"><li class="content-slider_pagination_item active"></li><li class="content-slider_pagination_item"></li><li class="content-slider_pagination_item"></li></ol></div>

                    </div>

但是当我在移动Chrome浏览器上查看源代码时。它断言像这样的奇怪代码。

                    <div class="product-info_image" data-enhance="false">

                        <div class="ui-slider"> 
          <div class="content-slider ui-slider-input" draggable="false">
                            <div class="content-slider_viewport">
                                <ul class="content-slider_list" id="image_wrapper" style="width: 900px;">


                                        <li class="content-slider_item active" style="width: 300px;"><img src="1.gif"></li>                                         
    <li class="content-slider_item active" style="width: 300px;"><img src="2.gif"></li>                                         
                                </ul>
                            </div>


                        <ol class="content-slider_pagination"><li class="content-slider_pagination_item active"></li><li class="content-slider_pagination_item"></li><li class="content-slider_pagination_item"></li></ol></div><div role="application" class="ui-slider-track ui-shadow-inset ui-bar-inherit ui-corner-all"><a href="#" class="ui-slider-handle ui-btn ui-shadow" role="slider" aria-valuemin="NaN" aria-valuemax="NaN" aria-valuenow="NaN" aria-valuetext="NaN" title="NaN" aria-labelledby="undefined-label"></a></div></div>
                                                </div>

   <div role="application" class="ui-slider-track ui-shadow-inset ui-bar-inherit ui-corner-all"><a href="#" class="ui-slider-handle ui-btn ui-shadow" role="slider" aria-valuemin="NaN" aria-valuemax="NaN" aria-valuenow="NaN" aria-valuetext="NaN" title="NaN" aria-labelledby="undefined-label"></a></div>

我不知道为什么“ui-slider”被断言,我怎么能防止自动创建ui-slider。 我只是想使用我的原始js代码来滑动图像。

感谢。

0 个答案:

没有答案