2012-08-05 53 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();});