将 jquery 插件应用到 dom 元素

Question

我将处理应用程序前端部分的所有 javascript 代码存储在 frontend.js 中。 如果此页面上不存在 dom 元素，但我尝试应用插件 javascript 抛出错误 示例：

$('#normalImage').Jcrop({
    setSelect:[ 0, 0, 48, 48 ],
    sideHandles:false,
    onChange:showPreview,
    onSelect:showPreview,
    aspectRatio:1
});

我找到了解决此问题的一个解决方案，即检查尺寸，

if($('#normalImage').size() > 0)
//apply plugin

但我不确定什么是正确的方法

Answer 1

您可能正在处理一个糟糕的插件，因为插件的工作是在 jquery 选择器为空时不抛出错误。但在这种情况下，检查尺寸或长度是其工作的正确方法。

最好用这个：

var dom = $('#normalImage');
if(dom.length > 0) 
{
   dom.Jcrop({
      setSelect:[ 0, 0, 48, 48 ],
      sideHandles:false,
      onChange:showPreview,
      onSelect:showPreview,
      aspectRatio:1
   });
}

Answer 2

这是检查 .length 并将其与零进行比较以检查集合是否有任何元素的正确方法？

来自 jquery 站点：

.size() 方法在功能上等同于 .length 属性；
然而，.length 属性是首选，因为它没有
函数调用的开销。

Answer 3

if ($("#myelement").length > 0){
  // do something here
}

Answer 4

如果你想检查 dom 元素是否存在，你可以使用：

if ( $("#normalImage").length > 0 ) {
  //do something
}