WordpressでjQueryを使用してモーダルを開こうとしています。 https://jsfiddle.net/kfmurjf4/Wordpressでjqueryを使用してモーダルが表示されない
0
A
答えて
0
あなたはこれを試すことができます::
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";
}
}
+0
私はあなたの解決策の問題は、OPのコードベースから外れていることだと思います。彼はその特定のクラスを使用して遷移などを持っています。 – Junaid
1
あなた - 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/
を試してみてください。
関連する問題
- 1. jQueryアイソトープ使用時に表示モーダルが正しくない
- 2. Fullcalendarがモーダルで表示されない
- 3. jquery ajaxを使用して通知が表示されない
- 4. jqueryを使用してテキストボックスに値が表示されない
- 5. JQueryモーダルがIE6のリストボックスの上に表示されない
- 6. Rails 5.0:モーダルが表示されない
- 7. モーダルが表示されているときにドロップダウンを表示しない
- 8. アンダースコアを使用しているWordPressにメニューが表示されない
- 9. Wordpressでタクソノミーが表示されない
- 10. jQueryモーダル閉じて開いた後の名前が表示されない
- 11. jQueryモーダルがAJAXページリクエストで<script>タグを表示しない
- 12. 還元モーメントを使用してモーダルを表示しない
- 13. ブートストラップ3モーダルのモーダルが表示されない
- 14. NavigationControllerがモーダル表示のUIViewControllerに表示されない
- 15. ボタンがクリックされた後モーダルが表示されない
- 16. ボタンがクリックされたときモーダルが表示されない
- 17. Wordpressのコメントボックスが表示されない
- 18. Wordpressのナビゲーションリストが表示されない
- 19. Wordpressにブートストラップカルーセルインジケータが表示されない
- 20. Wordpressページネーションが表示されない
- 21. WordPressウィジェットカラーピッカーが表示されない
- 22. Wordpress - サブメニューアイテムが表示されない
- 23. Wordpressのページコンテンツが表示されない
- 24. Wordpress - get_template_part()セクションが表示されない
- 25. jQueryアニメーションを使用しているときにアニメーションが表示されない
- 26. WordpressのCSS表示されていないナビゲーションが正しく
- 27. Datatables Editorのボタンが長いモーダルで表示されない
- 28. iOS - [ObjC] NavigationBarButtonItemがナビゲーションバーのルートビューがモーダルで表示されているときに表示されない
- 29. iTextを使用してバーコードがPDFで表示されない
- 30. 自動化されたSelenium Webdriverモーダルが表示されない
あなたのJSfiddleは 'jquery' CDNを含んでいません。 jQueryのCDNソースを追加すると、期待どおりに動作します。 Google JavascriptコンソールでJSによってスローされたエラーを探します。 – Junaid
ありがとう:)とても分かりやすい.... –
私はこの質問に対する答えとして私のソリューションを投稿しました。これが役に立った場合は、解決策として私の答えを記入し、関連する解決策を探している人が役に立つと思うようにしてください。 – Junaid