2011-09-20 73 views
0

請參閱本頁:http://www.i2mtest.com/advertenties/vergelijken 現在,在網站的右上方有一個搜索框。但是你可以看到它看起來很醜。 在此頁面上可以看到正常和期望的行爲:http://www.i2mtest.com/(點擊'advertenties'查看jquery效果)。css/jquery衝突,但無法找到它

第一頁出了什麼問題?它看起來像CSS沒有正確加載,並有一個jQuery的問題,因爲效果不會觸發點擊'廣告'。

謝謝!

+2

使用類似Firebug的測試頁面。你會看到一些錯誤。從解決這些問題開始。 –

回答

2

,我發現的唯一的事情是,你使用的是2.0版本的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> 

可能這是問題:

enter image description here

0

在頁面上有幾個javascript錯誤,這些錯誤很可能導致呈現該drop的腳本不能執行。你應該先修復所有其他錯誤,看看是否解決了這個問題。

0

由於無法找到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({ 
     ... 
    }); 
}); 
+0

它包含在兩個頁面上'$(function(){' – Samich

+0

只是因爲它的抽象並不意味着dom已經加載了,在調試器中查看你的錯誤,很清楚的說明#dialog還不存在 – mrtsherman

+0

它說$('#dialog')。dialog'不存在,這意味着jQuery UI沒有初始化! – Samich

0

在那個頁面中,我在firebug中得到了一個「Uncaught TypeError:Object#has no method'dialog'」。 請參閱此Jquery Dialog Problem

0

您在borked版本中有多個「searchtype_div」,只是不存在正確的版本。也許你需要包裝他們來如果陳述,以確定其納入?