Question

我对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>

提前致谢！

Answer 1

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

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

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

jQuery代码没有显示出来

1 个答案: