2012-08-05 59 views
2

我試圖使用jquery可拖動的用戶界面,但它似乎像用戶界面是沒有得到很好的進口jQuery UI的不加載

我運行這個測試:

if(jQuery.ui){ 
    alert("loaded"); 
     } 
    else 
    { 
     alert("not loaded"); 
    } 

,就有了一個「不裝」警報....

這裏是我正在寫文件的第一行代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
    <?php 
    $searchQuery = $_POST['searchQuery']; 
    ?> 

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

任何想法可能去W¯¯榮?我已經使用另一個jQuery函數工作得很好,所以jquery包肯定導入,我擔心問題是ui導入沒有成功。

+0

您的代碼似乎是正確的。你能檢查你的瀏覽器的開發工具什麼是jQuery UI請求的返回狀態? – Andre 2012-08-05 13:38:35

+0

檢查javascript控制檯是否有錯誤 – 2012-08-05 13:40:07

+0

爲什麼你要加載這樣一箇舊版本的jQuery?新的jQueryUI庫和舊的主庫之間可能會發生衝突。 – Pointy 2012-08-05 13:40:18

回答

2

嘗試

if (jQuery.ui || jQuery.ui != "undefined") { 
    alert("loaded") 
} 

你可以隨時嘗試加載的隨機UI項目(從jQuery UI的網站拉) HTML

<div id="accordion"> 
    <h3><a href="#">First header</a></h3> 
    <div>First content</div> 
    <h3><a href="#">Second header</a></h3> 
    <div>Second content</div> 
</div> 

的JavaScript

$("#accordion").accordion(); 

如果HTML塊不顯示爲手風琴元素,則不加載。

+0

@Ohgodwhy謝謝你的收穫! – SomeShinyObject 2012-08-05 13:48:02

0

試試這個:

$(function() { $("#accordion").accordion();});