。テキストをクリックしても機能しません

-1

特定のテキストをクリックすると、隠しdiv（.hide（）;で隠された）が表示されます。次に、そのテキストを再度クリックすると、divが非表示になり、la、la、laが表示されます。。テキストをクリックしても機能しません

シンプルですが動作しません。

HTMLコード：

<div class="row"> 
     <div class="col-sm-12"> 
      <a id="idMakam" class="artistas">Makam</a> 
     </div> 
    </div> 
    <div id="infoMakam" class="row"> 
     <div class="col-sm-12"> 
      <p class="infoArtistas">Nacido y criado en la costa holandesa, <b>Makam</b> golpeó un nervio creativo que impulsó su talento crudo a temprana edad. </p> 
     </div> 
    </div>

のjQueryコード：

$(document).ready(function() { 
    //Toogles de +info de artistas: 
    $("#infoMakam").hide(); //Primero los esconde. 
    $("#idMakam").click(function(){ 
     $("#infoMakam").slideToggle(200); 
    }); 
});

出典

2017-09-17 dawn

私のためにうまく働いています –

はいいいえ。 – Ali

岡井、私は問題を見つけたかもしれませんが、最初に、このサイトはいつEnterを押して新しい行を入力するのでしょうか？とにかく...私はBootStrap jQueryがうまくいくと思っていましたが、そうではありません。純粋なjQueryとvoilをリンクしました。 – dawn

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function() { 
 
    //Toogles de +info de artistas: 
 
    $("#infoMakam").hide(); //Primero los esconde. 
 
    $("#idMakam").click(function(){ 
 
     $("#infoMakam").slideToggle(200); 
 
    }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    <div class="row"> 
 
     <div class="col-sm-12"> 
 
      <a id="idMakam" class="artistas">Makam</a> 
 
     </div> 
 
    </div> 
 
    <div id="infoMakam" class="row"> 
 
     <div class="col-sm-12"> 
 
      <p class="infoArtistas">Nacido y criado en la costa holandesa, <b>Makam</b> golpeó un nervio creativo que impulsó su talento crudo a temprana edad. </p> 
 
     </div> 
 
    </div> 
 

 
</body> 
 
</html>

私が間違っているものを見つけることができませんでした。

出典

2017-09-17 05:39:59 zynkn

ちょうどplunkerにあなたのコードを貼り付けてコピーしています。

エラーをご確認ください。 jqueryライブラリをインクルードしましたか？

// Code goes here 
 
$(document).ready(function() { 
 
    //Toogles de +info de artistas: 
 
    $("#infoMakam").hide(); //Primero los esconde. 
 
    $("#idMakam").click(function(){ 
 
     $("#infoMakam").slideToggle(200); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <body> 
 
    
 
    <div class="row"> 
 
     <div class="col-sm-12"> 
 
      <a id="idMakam" class="artistas">Makam</a> 
 
     </div> 
 
    </div> 
 
    <div id="infoMakam" class="row"> 
 
     <div class="col-sm-12"> 
 
      <p class="infoArtistas">Nacido y criado en la costa holandesa, <b>Makam</b> golpeó un nervio creativo que impulsó su talento crudo a temprana edad. </p> 
 
     </div> 
 
    </div> 
 
    </body>

出典

2017-09-17 05:45:22

divを隠しているので、正しくリンクされていることが分かります。 – dawn

前述したように、あなたのコードは正常に動作する必要があります。私の唯一の考えは、ファイルに.toggle（）と競合する他のjavascriptがある場合です。私はあなたのコードが与えられたもの以上のものを持っていると仮定しています。そうでなければ無視してください。存在する場合は、非表示のdivと衝突する他のjavascript文がないことを確認して、切り替えません。以前問題が発生していたので、確認したいと思っていました。与えられたコードは完全に機能します！

出典

2017-09-17 07:20:32

。テキストをクリックしても機能しません

答えて

関連する問題