用于在jquery插件中为样式设置样式的选择器冲突

时间:2017-10-26 09:49:53

标签: javascript jquery css jquery-ui jquery-plugins

我是jQuery的新手。我最近使用jQuery UI小部件工厂开发了一个插件。它工作正常。我使用的是内联样式。但是对于大文件来说会很复杂。

对于大型项目,我可以选择使用类。但是,如果有人想使用我的插件,他只需复制链接并使用它。但是如果他的页面上有相同的类名,那么它的页面就会因为我的风格而被破坏。任何人都可以指导我如何避免这种情况。 我希望你明白这一点。

由于

1 个答案:

答案 0 :(得分:1)

需要考虑的一些事项:

如果你制作一个过于具体的选择器,比如

$("ul > li > .foo ~ .bar"); 

它可能会因标记的任何变化而中断 但是,如果你不这样做,它将破坏你用户的风格。

如评论所述,解决此问题的更简单方法是在类上添加前缀,例如

<div class="my-plugin-container"> 
      <span class="my-plugin-span"> "Hello World" </span>
     (OR) <button class="my-plugin button"> </button>
</div>

如果您可以发布任何代码,我们可以帮助您进一步。我会根据你的情况编辑它。

祝你好运