2017-10-19 15 views
0

jquery에서 양식을 제출하는 코드가 있지만이 모든 것이 팝업 창에서 발생해야합니다.jquery가 팝업 창에서 작동하지 않습니다.

나는 아약스 호출하지 않고 간단한 형태로 내 스크립트를 최소화하고 가독성 목적을 위해 다른 한 나는 많은 감사

$("button").on('click', function(event) { 
 
    var id = $(this).attr("id"); 
 
    if (id == "go") { 
 
    var w = window.open("", "popupWindow", "width=550, height=550, scrollbars=no"); 
 
    var $w = $(w.document.body); 
 

 
    $w.html('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"><\/scr' + 'ipt><script>$.noConflict(); jQuery(document).ready(function($) {$("body").show("fast", function() {$(".pal").focusin(function(event) {/* Act on the event */ $(".er").remove(); $(this).css({backgroundColor: "#0b4cb9", boxShadow: "0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)"}); }); }); });<\/scr' + 'ipt>'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button style="padding:10px 40px;" id="go">go</button>
을 팝업 창에서 시작 간단한 jQuery 코드를 달성하는 방법을 알고 싶어요

그러나 나는 항상 다음과 같은 오류 얻을 : 나는 노 갈등과 리터를 시도하지 않은

VM23221:1 Uncaught ReferenceError: $ is not defined

을 외부 서버로부터 완전한 스크립트를 꺼내야합니다.

+2

위의 스 니펫에 해당 오류가 없습니다. 그래서 당신은 자신의 스크립트 앞에 jQuery import'script' 요소를 삽입하지 않았을 것입니다. – Nisarg

+1

그리고 버튼을 문서 준비 순서 창 안쪽에 버튼을 클릭하십시오. –

+0

내외부에 퍼팅 해 주셔서 감사합니다. 오류가 있습니다. jquery가 팝업 창에로드되지 않는 것 같습니다. –

답변

0

Jquery를 사용하기 전에로드해야합니다.

+0

답장을 보내 주셔서 감사합니다. 위의 스 니펫으로 내 문제를 재현 할 수있는 방법이 없습니다 –

+0

jquery가 실제 코드에로드되고 있지만로드되지 않습니다. –