我正在使用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代码来滑动图像。
感谢。