2014-03-07 3 views
0

내 wordpress 사이트 http://www.lawandahill.com/에 구현하려는 간단한 jQuery 팝업을 테스트 한 후에 여기에서 팝업이 작동하지 않습니다. "TypeError: $(…).dialog is not a function Error" 오류가 발생한 후 중복 jQuery v1.9.1을 제거했습니다.jQuery 팝업 기능이 작동하지 않습니다.

이제 내 사이트는 jquery-1.7.1.min.js입니다.

<script> 
    $(function() { 
    $("#dialog").dialog(); 
    }); 
</script>   

누군가 도와주세요에이 스크립트를 배치. 고맙습니다.

+0

'대화 핵심, 관련 플러그인 (jQuery UI ???) –

+0

http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css 및 http : //code.jquery를 포함해야합니다. com/ui/1.10.4/jquery-ui.js가 포함되어 있습니다.이 간단한 작업은 제 로컬 사이트에서 잘 작동합니다. –

+0

콘솔/네트워크 탭을 올바르게 확인하지 않았거나 두 번 이상 jQuery를 포함하여 덮어 쓰는 중입니다. –

답변

3

jQueryUI를 다운로드하십시오. http://jqueryui.com/download/이 경우 "대화 상자"에서 필요한 모듈 만 선택할 수 있습니다.

jQuery(document).ready(function($) { 
    $("#dialog").dialog(); 
}) 

또는 폐쇄 내부 코드를 포장 :

+0

http://code.jquery.com/ui/1.10.4/jquery-ui.js, http://code.jquery.com/ui/1.10.4/themes/smoothness /jquery-ui.css는 이미 포함되어 있습니다 thankx –

+0

그런 다음 Dialog 모듈이 있는지 확인하십시오. –

+0

내 로컬 사이트에서이 잘 작동하는지 테스트했습니다 –

1

아마 충돌이 여기 jQueryWordpress 사이에있어, 수행하려고 할 방법은 jQuery를의 일부가 아닌`) (

(function($){ 
    $("#dialog").dialog(); 
})(jQuery); 
+0

좋은 구문, 항상이 것을 잊어 버리십시오. 하지만 OP가 jQuery를 둘 이상 포함한다면 문제를 해결할 수 없을 것입니다. noConflict()를 사용해야합니다. 편집 : 그냥 우리가 OP가 잘못하고있는 것을 모르는 것으로 추측 –

+0

내가 다른 두 jquery jquery.blockUI.min.js? ver = 2.60 및 jquery.form.min.js? ver = 3.45.0- 2013.10.17, 충돌이 있습니까? –

+0

http://dpaste.com/1698694/ 여기 내 콘솔 오류입니다. –

관련 문제