0

我对 jQuery 没有太多经验，但我正在尝试为我的网站实现图像滑块。我阅读了它的说明，我相信我正确地实现了它，但是当我导航到页面进行测试时，那里什么也没有。即使 jQuery 不起作用，至少 div 不应该出现吗？我不明白出了什么问题。有人可以看看我的代码并让我知道是否有任何错误吗？我没有包括周围的代码，因为我有几个外部样式表，复制/粘贴会很痛苦。但是，如果有必要，我将在稍后解决。

 <script src="jquery-1.10.2.js"></script>
 <script src="ion/js/ion-imageSlider/ion.imageSlider.js"></script>
 <script>
 $("#mySlider").ionImageSlider();
 </script>
 <div class="ion-image-slider" id="mySlider">
 <a href="http://farm5.staticflickr.com/4102/4911060184_6f78a83288.jpg"><img src="http://farm5.staticflickr.com/4102/4911060184_6f78a83288.jpg" data-caption="Shakespeare House" /></a>
 <a href="http://farm5.staticflickr.com/4096/4925016771_3bac794a81.jpg"><img src="http://farm5.staticflickr.com/4096/4925016771_3bac794a81.jpg" data-caption="Old site" /></a>
 <a href="http://farm5.staticflickr.com/4119/4911067626_a52a6ca492.jpg"><img src="http://farm5.staticflickr.com/4119/4911067626_a52a6ca492.jpg" data-caption="Gymga" /></a>
 </div>

提前致谢！

4

1 回答 1

6

您正在尝试访问尚未添加到DOM使用document.ready的元素，以确保在访问之前将元素添加到 DOM。

$(document).ready(function(){
     $("#mySlider").ionImageSlider();
});

虽然 JavaScript 在页面呈现时提供了用于执行代码的加载事件，但在完全接收到所有资产（例如图像）之前，不会触发此事件。在大多数情况下，只要完全构建了 DOM 层次结构，就可以运行脚本。传递给 .ready() 的处理程序保证在 DOM 准备好后执行，因此这通常是附加所有其他事件处理程序和运行其他 jQuery 代码的最佳位置。当使用依赖 CSS 样式属性值的脚本时，在引用脚本之前引用外部样式表或嵌入样式元素非常重要，jQuery API。

于 2013-10-07T16:55:39.957 回答