CODEWITHSUNDEEP
jquerycssconflict
Adam
Adam

Reputation: 6122

css/jquery conflict but cant find it

Please see this page: http://www.i2mtest.com/advertenties/vergelijken Now, on the top right of the site there's a search box. But as you can see it looks ugly. On this page the normal and desired behavior can be seen: http://www.i2mtest.com/ (click on 'advertenties' to see the jquery effect).

What is going wrong on the first page? It looks like the css is not correctly loading and there's a jquery issue as well since the effect is not triggered on click of 'advertenties'.

Thanks!

Upvotes: 0

Views: 494

Answers (5)

Samich
Samich

Reputation: 30115

The only thing that I found is that you are using 2 version of jQuery on the not working page:

<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>

but on working page it's only one:

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

probably this is the problem:

enter image description here

Upvotes: 2

Matthew Davis
Matthew Davis

Reputation: 116

You have multiple "searchtype_div"s in the borked version that just don't exist in the correct version. Maybe you needed to wrap them in come if statements to determine their inclusion?

Upvotes: 0

devtut
devtut

Reputation: 697

In that page, i got a "Uncaught TypeError: Object # has no method 'dialog'" in firebug. Please refer this Jquery Dialog Problem

Upvotes: 0

mrtsherman
mrtsherman

Reputation: 39872

You are getting a script error because the div with id dialog cannot be found. This is because you haven't wrapped your jquery code in a document.ready(). So the element does not yet exist. Try something like this instead.

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

Upvotes: 0

Vinnie
Vinnie

Reputation: 58

You have a couple javascript errors on the pages which are most likely causing the script that renders that drop not to execute. You should fix all the other errors first and see if that fixes the issue.

Upvotes: 0

Related Questions