Wordpressでjqueryを使用してモーダルが表示されない

WordpressでjQueryを使用してモーダルを開こうとしています。 https://jsfiddle.net/kfmurjf4/Wordpressでjqueryを使用してモーダルが表示されない

2017-10-10 J Doe

あなたのJSfiddleは 'jquery' CDNを含んでいません。 jQueryのCDNソースを追加すると、期待どおりに動作します。 Google JavascriptコンソールでJSによってスローされたエラーを探します。 – Junaid

ありがとう:)とても分かりやすい.... –

私はこの質問に対する答えとして私のソリューションを投稿しました。これが役に立った場合は、解決策として私の答えを記入し、関連する解決策を探している人が役に立つと思うようにしてください。 – Junaid

あなたはこれを試すことができます::

var modal = document.getElementById('myModal'); 


var btn = document.getElementById("myBtn"); 

var span = document.getElementsByClassName("close")[0]; 


btn.onclick = function() { 
    modal.style.display = "block"; 
} 

span.onclick = function() { 
    modal.style.display = "none"; 
} 


window.onclick = function(event) { 
    if (event.target == modal) { 
     modal.style.display = "none"; 
    } 
}

https://jsfiddle.net/abhishekgupta1994/xtbc7px8/

出典

2017-10-10 12:06:02

私はあなたの解決策の問題は、OPのコードベースから外れていることだと思います。彼はその特定のクラスを使用して遷移などを持っています。 – Junaid

あなた - jsFiddleは

jQuery(document).ready(function() { 

jQuery(".open-modal").find("a").addClass("open-modal-2"); 

jQuery(".open-modal-2").click(function() { 

    jQuery(".modal").addClass("modal--is-visible"); 
     return false; 


}); 
});

...私はこの機能を書いたが、モーダルを開くようには見えませんJSfiddleにはjqueryは含まれていません。 jQueryのCDNソースを追加すると、期待どおりに動作します。

は、必ずGoogleのJavaScriptコンソールにJSによってスローされたエラーを探し、このCDN

https://cdnjs.com/libraries/jquery/

を試してみてください。

出典

2017-10-10 15:38:23 Junaid

Wordpressでjqueryを使用してモーダルが表示されない

答えて

関連する問題