css / jquery冲突但无法找到它

Question

请参阅此页：http://www.i2mtest.com/advertenties/vergelijken 现在，在网站的右上角有一个搜索框。但是你可以看到它看起来很难看。 在此页面上可以看到正常和期望的行为：http://www.i2mtest.com/（单击'advertenties'以查看jquery效果）。

第一页出了什么问题？看起来css没有正确加载，并且还存在jquery问题，因为点击'广告'不会触发效果。

谢谢！

Answer 1

我发现的唯一一件事是您在无法正常工作页面上使用了2版本的jQuery：

<script type="text/javascript" src="/script/jquery-1.6.2.min.js"></script>
<script src="../script/jquery-1.3.2.min.js" type="text/javascript"></script>

但在工作页面上它只有一个：

<script type="text/javascript" src="/script/jquery-1.6.2.min.js"></script>

可能这就是问题所在：

Answer 2

页面上有几个javascript错误，这些错误最有可能导致脚本无法执行。您应首先修复所有其他错误，看看是否能解决问题。

Answer 3

您收到脚本错误，因为无法找到ID为dialog的div。这是因为您没有将jquery代码包装在document.ready（）中。所以元素还不存在。尝试这样的事情。

$(document).ready( function() {
  // increase the default animation speed to exaggerate the effect
  $.fx.speeds._default = 500;
  $(function () {
      $("#dialog").dialog({
      ...
  });
});

Answer 4

在那个页面中，我在firebug中得到了一个“Uncaught TypeError：Object #now method'对话框'”。 请参阅此Jquery Dialog Problem

Answer 5

borked版本中有多个“searchtype_div”，它们在正确的版本中不存在。也许你需要将它们包含在if if语句中以确定它们的包含？