javascript - 将 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
   });
}