下記のサイトのJqueryを制作中のページに入れて動作チェックすると
写真のように質問事項のチェックボックスを全て埋めているにも関わらず「未回答の問題があります」と表示されます。 原因はjavascriptの指示がドロワーメニューのスクリプトと重なっていることだと気づきましたが、どちらもスムーズに使える方法がわかりません
教えて頂けないでしょうか?
今のバグの状態は上記の質問事項の件と、スマホサイズにしてドロワーのハンバーガーメニューを押すと「未回答の問題があります」と表示されることです。
これはどちらかのスクリプトを消さないと駄目なのか教えてください。
もちろん、このJqueryの診断テストが他のスクリプトと混在して使えないということであれば
無理には使いません。 ドロワーメニューが壊れては意味ないので
コード 【HTML】 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"> <meta name="keywords" content="セカンドライフ,デイトレード,アービトラージ,錬金術,投資"> <meta name="description" content="疑似体験プロジェクト、バイナリーオプション"> <link rel="SHORTCUT ICON" HREF=""> <title>セカンドライフ|投資マスターへの道</title> <!-- Include jQuery Library --> <link rel="stylesheet" href="css/reset.css" type="text/css" charset="utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" /> <link href="css/sandbox.css" rel="stylesheet"> <link href="dist/css/drawer.css" rel="stylesheet"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Slabo+27px'> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="dist/js/drawer.min.js" charset="utf-8"></script> <script> $(document).ready(function() { $('.drawer').drawer(); }); </script> <script> $(function(){ //ボタンがクリックされた時 $("button").click(function(){ //一度結果を非表示にする $(".result").hide(); //問題数を取得 var qNum = $("ul.shindan-questions li").length; if( $("ul.shindan-questions li input:checked").length < qNum ){ //全てチェックしていなかったらアラートを出す alert("未回答の問題があります"); } else { //チェックされているinputの数を取得 var typeANum = $(".typeA:checked").length, typeBNum = $(".typeB:checked").length, typeCNum = $(".typeC:checked").length, typeDNum = $(".typeD:checked").length; if( typeANum >= typeBNum && typeANum >= typeCNum && typeANum >= typeDNum ) { //もしもAの方が多かったらAタイプを表示 $(".resultA").fadeIn(); } else if( typeBNum >= typeANum && typeBNum >= typeCNum && typeBNum >= typeDNum ) { //もしもBの方が多かったらBタイプを表示 $(".resultB").fadeIn(); } else if( typeCNum >= typeANum && typeCNum >= typeBNum && typeCNum >= typeDNum ) { //もしもBの方が多かったらBタイプを表示 $(".resultC").fadeIn(); } else if( typeDNum >= typeBNum && typeDNum >= typeCNum && typeDNum >= typeANum ) { //もしもBの方が多かったらBタイプを表示 $(".resultD").fadeIn(); } } }); }) </script> </head> ~以下、省略~
回答1件
あなたの回答
tips
プレビュー