2012-08-05 7 views
2

로드,하지만 UI가 아니라 내가이 테스트를 실행하는 것 JQuery와 UI 나는 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> 

어떤 생각 승 갔다 모른 무슨 :로드 "경고 .... 여기

내가 쓰고 있어요 파일의 첫 번째 코드 라인이다 rong?

* 이미 다른 jQuery 함수를 사용하고 있습니다. jquery 패키지를 가져 오기 때문에 문제가되지 않습니다. 가져 오기가 성공하지 못했습니다.

+0

귀하의 코드가 정확한 것 같다. 브라우저의 dev 도구에서 jQuery UI 요청의 반환 상태를 확인할 수 있습니까? – Andre

+0

자바 스크립트 콘솔에서 오류가 있는지 확인하십시오. –

+0

이전 버전의 jQuery를로드하는 이유는 무엇입니까? 새로운 jQueryUI 라이브러리와 이전 메인 라이브러리 사이에 충돌이있을 수 있습니다. – Pointy

답변

2

는 HTML 경우 당신은 언제나 (jQuery를 UI를 웹 사이트에서 가져온) 임의의 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> 

를로드하는 자바 스크립트

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

을 시도 할 수 있습니다

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

시도 블록이 아코디언 요소로 표시되지 않으면로드되지 않습니다.

+0

@Ohgodwhy 잡아 주셔서 감사합니다! – SomeShinyObject

0

이 시도 :

$(function() { $("#accordion").accordion();}); 
관련 문제