对象不支持此属性或方法

Question

正如标题所示，我的网站上出现此错误。我通过IE8开发者调试工具进行了检查，得到了以下导致错误的代码。

<!-- slider js code start -->
<script type="text/javascript">
$().ready(function() {
    if(eval(document.getElementById('coda-slider-1')))
    {
        $('#coda-slider-1').codaSlider();
        //jQuery.noConflict(); var $j = jQuery;
    }
}); 

我已经包含了 Chrome 调试工具的屏幕截图。

http://img857.imageshack.us/i/javaerror.jpg

http://img204.imageshack.us/i/javaerror2.jpg

请帮助我弄清楚。

谢谢。

Answer 1

请尝试这样做：

$(function() {
    if($('#coda-slider-1').size())
    {
        $('#coda-slider-1').codaSlider();
        //jQuery.noConflict(); var $j = jQuery;
    }
}); 

您的原始代码显示“使用 jQuery 不选择任何内容，并将此就绪处理程序应用于它”。正确的长手语法是：

$(document).ready(function() { ...

另请注意，我已删除 eval 因为它永远不应该被使用，除非它无法避免。

更新

查看您的错误屏幕截图，似乎未定义 jQuery（至少没有使用 $ 别名。您是否在页面上包含了该脚本？如果是的话，是您在绑定就绪处理程序之前调用 jQuery.noConflict() 吗？

尝试将此脚本标记放在您发布的代码和 coda 滑块的脚本标记之上：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

UPDATE 2

正如 kingjiv 在下面的评论，我错了， $().ready 可以工作（尽管不推荐），我相信我的第一次更新，注意到 jQuery 似乎没有被定义，是这里的实际问题。 。

Answer 2

我猜您正在尝试检查 coda-slider-1 是否存在？

不需要使用eval，如果你使用jquery，不妨用jquery选择元素：

if($("#coda-slider-1").length>0){

}

Answer 3

问题：

• 不推荐使用

  $().ready。使用
  $(document).ready(function 或
  简单的 $(function.

• 为什么使用document.getElementById
  如果 jQuery 已经查找元素
  在跨浏览器中使用选择器
  方式？只需执行 $("#some").length 即可
  查看它是否存在。

• 对于你的情况，我认为也很好
  确保 codaSlider() 方法
  在调用之前加载。

更正代码：

$(function() {
    if ($("#coda-slider-1").length > 0 && $("#coda-slider-1").codaSlider) {
        $('#coda-slider-1').codaSlider();
    }
});