2017-10-19 12 views
0

で働いていない私はjqueryのでフォームを送信するためのコードを持っていますが、これらすべては、ポップアップウィンドウで発生する必要があります。jQueryのポップアップウィンドウ

私はAJAX呼び出しせずに単純な形に私のスクリプトを最小化し、読みやすさの目的のために他のしている、私は多くの感謝

$("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

を私は、紛争とlを試していません外部サーバーからの完全なスクリプトをあげること。

+2

あなたは上記のスニペットでそのエラーを持っていません。だから、自分のスクリプトの前にjQueryのimport 'script'要素を挿入していないのでしょうか? – Nisarg

+1

とウィンドウが –

+0

はまだ外にそれを置くか、しかし、あなたのすべてに感謝開く私にエラーを与えますないonclickの文書準備発注方法の内側にボタンを配置し、私はjqueryのを疑っていますと、ポップアップウィンドウにご返信用 –

答えて

0

は、あなたがそれを使用する前に、あなたはjQueryのをロードしていることを確認してください。

+0

おかげでロードされますがされていませんが –

+0

jqueryは実際のコードでロードされていますが、ロードされていません –

関連する問題