如何避免jquery库影响我的css

我有一个带有导航按钮的div和下拉列表，下面有一个照片滑块，它需要包含

jquery.min.js

当我包含jQuery时，它会影响我的CSS，防止下拉列表扩展打开

<div id="sticky_navigation">
  <ul class="menumix">
    <li><a href="index.php"><img src="images/home_icon.png"></a></li>
    <li><a href="page.php">VIDEOS</a></li>
    <li><a href="#">LANGUAGE<span class="dc-mega-icon"></span></a>
    <ul class="sub">
      <li><a href="setcookies.php?id=5">English</a></li>
      <li><a href="setcookies.php?id=6">Malayalam</a></li>
    </ul>
  </ul> 
</div>

<script type='text/javascript' src='slider/scripts/jquery.min.js'></script>
 <div id="slider_main">     
  <div id="fluid_container">
    <div class="camera_wrap" id="camera_wrap_1">
      <div data-src="slider/slides/">
      </div>     
    </div>
  </div> 
</div>

听起来好像下拉组件和滑块组件之间存在一些CSS路径冲突

您可以通过修改某些元素的ID、稍微修改HTML结构来暂时修复此问题，但我强烈建议您阅读组件的源代码（如果有），以了解它们使用的是哪种CSS配置

另一种快速确认错误的方法是打开浏览器web developer tools（例如：Chrome内置的web developer tools），查看组件的哪些CSS属性被意外继承，该工具的Javascript控制台可能会向您提供可能发生的Javascript错误的信息

---

祝你好运。

事实上，某些jQuery UI插件确实在HTML中添加了类和属性。如果您想利用jQuery为您提供的方便和优雅，这是绝对必要的

---

由于插件或模块实际上是在向HTML中添加属性和样式，您应该（1）重新编写插件，完全避免jQuery库。（2） 分叉插件，更改HTML属性更改代码并选择适合您的需要和约束的符号。

我通过为下拉列表添加一些简单的css代码解决了这个问题 i、 e

---

之前的下拉菜单没有这个代码，但是现在在添加了新的滑块之后，我需要添加这个额外的代码来显示dropdwon。感谢所有提出解决此问题的想法的人。

您好，您能发布一个小提琴演示吗。除非您在脚本中告诉jQuery，否则jQuery不会做任何事情。它本身不会修改任何CSS。如果我删除jquery库，那么我的下拉列表将正常工作。最近我换了滑杆。Dropdown在早期工作得很好，但现在有了这个新的jquery库，它就不工作了jquery不是引导。除非你也告诉它，否则它不会弄乱你的CSS。到目前为止，我还没有想出任何解决方案。如果您有更多建议，我们将不胜感激。您好，您可以交叉检查我的jquery文件，看看是否有任何代码会与顶级manu div冲突。下载链接是您应该使用基于CDN的jquery副本。你可以很容易地将两个文件比较在一起——有很多工具可用，只要用谷歌搜索就可以了。@self我试图通过在css下拉菜单中添加z-index来解决这个问题。但下拉列表尚未显示。

ul li:hover ul
 {
  display: block;
  opacity: 1;
  visibility: visible;
}