2017-08-17 2 views
-3

Ι私は円をクリックして何度も何度もattrを変更する方法を見つけることができません。私は明らかにコードするのが初めてです!迅速な応答のために皆、ありがとう。jQueryで何度も何度もattrを変更する方法を見つける

<body> 

<iframe width="560" height="315" src="https://www.youtube.com/embed/5SgyFaBS7WI" frameborder="0" allowfullscreen></iframe> 

    <div id="circle"></div> 


    <script type="text/javascript"> 

     $("#circle").click(function() { 

      $("iframe").attr("src", <iframe width="560" height="315" src="https://www.youtube.com/embed/0WazFtJSIHk" frameborder="0" allowfullscreen></iframe>, function("src","https://www.youtube.com/embed/5SgyFaBS7WI"); 

     }); 



    </script> 

</body> 

+2

あなたの値は一重引用符で囲む必要があります。 –

+2

あなたはまだ、最も基本的なJavaScriptシンタックスではないようですが、そうでなければ、このコードは完全なナンセンスであることを知る必要があります。 – CBroe

+0

javascriptデバッグコンソールにエラーがありますか? – Andy

答えて

0
<body> 

<iframe width="560" height="315" src="https://www.youtube.com/embed/5SgyFaBS7WI" frameborder="0" allowfullscreen></iframe> 

<div id="circle">Click me</div> 

<script 
    src="https://code.jquery.com/jquery-2.2.4.min.js" 
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 
    crossorigin="anonymous"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     var links = [ 
      "https://www.youtube.com/embed/0WazFtJSIHk", 
      "https://www.youtube.com/embed/5SgyFaBS7WI" 
     ]; 

     var counter = 0; 

     $("#circle").click(function() { 
      $("iframe").attr("src", links[counter % links.length]); 
      counter++; 
     }); 
     }); 

</script> 

</body> 
+0

ありがとう! – Leandros

+0

あなたは私の答えを投票できますか? –

+0

@AlexanderBolzhatov正確には、リンク[カウンタ%2]は 'リンク[カウンタ%リンク。長さ]'でなければなりません。 – tilz0R

0

あなたは間違ってそれをやっています。

jQuery('iframe').attr('src', 'http://www.youtube.com/...'); 

HTMLコード全体ではなく、YouTube URLのみを追加します。

+0

ありがとうございました!私の間違い:)! – Leandros

+0

正常に機能している場合は、正解とマークしてください。 @Leandros – tilz0R

関連する問題