需要更改此 JQuery 代码以在处理之前检查元素是否存在 [重复]

Question

我有以下代码：

            <script type="text/javascript">
            $(function () {
                $('#js-news').ticker({
                    speed: 0.10,
                    htmlFeed: false,
                    fadeInSpeed: 600,
                    titleText: 'DASHBOARD ALERTS',
                    direction: 'ltr',
                    displayType: 'reveal',
                    controls: false
                });
            });
        </script>

我想对其进行更改，使其仅在#js-news 存在时触发。在较旧的 IE V10 浏览器中，我收到错误消息：“DOM 中不存在元素”，并且相关页面没有 js-news 元素。较新的浏览器似乎可以应付，但不是 IE7、8、9。

对代码更改的想法表示赞赏。

谢谢。

Answer 1

首先，正如上面 cmets 中@Archer 所指出的，这个插件没有正确编码。当在没有元素的 jQuery 对象上调用其方法时，惯用的 jQuery 插件将静默失败。

从这里的代码可以看出，这个插件要么运行console.log()，要么运行alert()，如果没有元素时console不存在：

if ($(this).length == 0) {
    if (window.console && window.console.log) {
        window.console.log('Element does not exist in DOM!');
    } else {
        alert('Element does not exist in DOM!');    
    }
    return false;
}

这很糟糕。该插件确实有一个可以禁用的debugMode，但它无济于事，因为这里没有使用该标志。要修改源代码，您可以更改上面的第一行：

if (opts.debugMode && $(this).length == 0) {

然后一定要在你的设置中设置debugMode:false。

--

但这最终对 IE 的影响是它没有在开发工具关闭时定义 console 对象（在 IE6/7 中从来没有），所以一个简单的解决方案是以确保该对象是使用 NO-OP 函数定义的。

if (!window.console) {
    window.console = {
        log: function() {}
    };
}

现在它将找到console 并在IE 中调用空函数，而不是触发alert()。

console 对象上还有其他方法可能也应该填写，但log() 是最常见的。

---

如果您愿意，向开发人员提交错误报告可能不是一个坏主意。项目好像最近2年没更新了，不知道有没有用，不过没关系。

Answer 2

添加检查长度的条件：

if($('#js-news').length){
  $('#js-news').ticker({
                speed: 0.10,
                htmlFeed: false,
                fadeInSpeed: 600,
                titleText: 'DASHBOARD ALERTS',
                direction: 'ltr',
                displayType: 'reveal',
                controls: false
  });
}