конфликт CSS / JQuery, но не могу найти его

Question

Пожалуйста, смотрите эту страницу: http://www.i2mtest.com/advertenties/vergelijken Теперь в правом верхнем углу сайта есть окно поиска.Но, как вы можете видеть, это выглядит некрасиво.На этой странице можно увидеть нормальное и желаемое поведение: http://www.i2mtest.com/ (нажмите «advertenties», чтобы увидеть эффект jquery).

Что не так на первой странице?Похоже, что CSS не правильно загружается, а также есть проблема jquery, так как эффект не срабатывает при нажатии 'advertenties'.

Спасибо!

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

У вас есть несколько «searchtype_div» в версии с пробками, которые просто не существуют в правильной версии.Может быть, вам нужно было обернуть их в заявлениях, чтобы определить их включение?

Answer 3

Вы получаете сообщение об ошибке скрипта, потому что div с идентификатором dialog не может быть найден. Это потому, что вы не обернули свой код jquery в document.ready (). Таким образом, элемент еще не существует. Попробуйте что-то вроде этого.

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

Answer 4

На этой странице я получил сообщение "Uncaught TypeError: Object # не имеет метода 'dialog'" в firebug.Пожалуйста, обратитесь к этому JQuery Dialog Проблема

Answer 5

У вас есть пара ошибок javascript на страницах, которые, скорее всего, приводят к тому, что сценарий, который отображает это отбрасывание, не выполняется. Сначала вы должны исправить все другие ошибки и посмотреть, решит ли это проблему.