私はjqueryのクリック機能で私のimg srcを変更したいが、it.hereを行うように見えるカントjqueryのクリック機能

を通じてIMG srcを変更すると、私のhtmlコードさ：私はjqueryのクリック機能で私のimg srcを変更したいが、it.hereを行うように見えるカントjqueryのクリック機能

<div id="main2"><img id='mty' style="width: 500px;height: 600px;" 
src="https://cdn.pastemagazine.com/www/articles/morty%20main.jpg"> 
</div>

ここでは動作しません、私のjqueryのコードです：

<script type="text/javascript"> 
$('#paper').click(function() 
{ 
$('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
}); </script>

何が間違っていますか？ #paperをクリックするとhtml srcを変更することができます。ボタンはbtwです ty！

出典

2017-09-23 bro topia

。問題のボタンタグも追加できますか？ – DMishra

$('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg');

あなたは、ないdivタグimgタグに "SRC" を設定する必要が

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#paper').click(function() { 
      $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
     }); 
    }); 
</script>

出典

2017-09-23 20:25:35 msg

まだ#mtyまだ動作していなくても編集しました –

clickイベントをdocument.ready内に追加します。 $（document）.ready（function {）//ここでクリックリスナーを追加}）; – msg

このスクリプトを試してください。 $（ '＃mty'）。attr（ '）{ – msg

HTMLは

<script type="text/javascript"> 
    $('#paper').click(function() { 
     $('#mty').attr('src', 'http://www.cliparthut.com/clip-arts/1008/paper-stack-clip-art-1008442.jpg'); 
    }); 
</script>

物事

<button type="button" id="paper">change image</button> 
<div id="main2"> 
    <img id='mty' style="width: 500px;height: 600px;" 
     src="https://cdn.pastemagazine.com/www/articles/morty%20main.jpg"> 
</div>

Script-れたままであります覚えておいてください -

htmlレンダリング後のユーザースクリプト、またはjquery readyを使用します。 ID紙持つ要素である

出典

2017-09-23 20:36:58 DMishra

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title></title> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <img id="image" src="http://lorempixel.com/400/200" alt="random image"/> 
 
    <button id="changeImage">Change image</button> 
 
    <script> 
 
    $('#changeImage').on('click', function(){ 
 
    
 
    $('#image').attr('src', 'http://lorempixel.com/400/200'); 
 
    }); 
 
    </script> 
 
    </body> 
 

 
</html>

出典

2017-09-23 20:48:52

OP（元のポスター）が間違っていたことについていくつかの説明を追加できますか？それ以外は、素敵な答え。コードスニペットを実行する機能を追加したことが好きです。 –

ありがとうございます、元のポスターは詳細コードを投稿していません。それが私が詳細を書いた理由です。 –

私はjqueryのクリック機能で私のimg srcを変更したいが、it.hereを行うように見えるカントjqueryのクリック機能

答えて

関連する問題