1

私の問題は単純に聞こえますが、理解できませんでした。リンクを介してdivタグ(#box)に新しいimgを追加しようとしています。私が直面している問題は、最初のリンクが機能し、(#box) という div タグの前の img を置き換える 2 番目のリンクを取得できないことです。

フィドル

<body>
<p id="link1"><a href="#">image1</a></p>
<p id="link2"><a href="#">image2</a></p><br />
<div id="box"></div>
</body>
4

5 に答える 5

0

問題は、の内容を変更する代わりに#box、新しい要素を既に追加された要素に追加しようとしていることimgです

必要なのは要素内の画像を置き換えることなので、.html()#boxを使用できます

このシナリオでは、使用できるようです

$(function(){
    $("#link1").on("click",function(){
        $("#box").html('<a href="http://www.jasonsanchez.3owl.com"><img src="http://www.jasonsanchez.3owl.com/test/images/dhltest.jpg" alt="dhl" target="_new" style="border:none;"/>');
    });


    $("#link2").on("click",function(){
        $("#box").html('<a href="http://www.jasonsanchez.3owl.com"><img src="http://www.jasonsanchez.3owl.com/test/images/ibmtest.jpg" alt="ibm" target="_new" style="border:none;"/>');
    });

});

デモ:フィドル

于 2013-07-29T02:57:42.760 に答える
0

<img/>要素に追加することはできません。

$("#box>img").append

に

$('#box').append

補足として、その開発アカウントは、ホットリンク TOS のために終了された可能性があります。

これがjsFiddleです

于 2013-07-29T02:58:00.333 に答える
0

2 番目の画像をクリックすると、属性を変更できます。

$("#link2").on("click",function(){
    $("#box img").attr('src','http://www.jasonsanchez.3owl.com/test/images/ibmtest.jpg');
});
于 2013-07-29T03:04:59.317 に答える
0

divの使用を変更した画像の私の経験では：

html:

<div id="box"><img id="imgId" src=""></div>

およびjQuery:

$(function(){
    var url = "";    
    $("#link1").on("click",function(){
            var url = your.url;
            $('#imgId').attr("src", url);
    });


    $("#link2").on("click",function(){
        var url = your.url;
            $('#imgId').attr("src", url);
    });


});

これにより、同じdivで変更したいだけの写真を持つことができます

PSロード時にimgが空になるのが気に入らない場合は、使用できます

display:none;

css 属性

.show();次に、初めてクリックするときに機能を使用するか、URLをデフォルト値に設定します

于 2013-07-29T13:10:08.200 に答える
0

あなたはこれを試すことができます..

HTML:

<p id="link1"><a href="#">image1</a></p>
<p id="link2"><a href="#">image2</a></p>

<br />
<div ><img src="http://www.jasonsanchez.3owl.com/test/images/dhltest.jpg" id="box" >       </a></div>

JS:

$("#link1").on("click",function(){
    $('#box').attr("src", "http://www.jasonsanchez.3owl.com/test/images/dhltest.jpg"); 
});


$("#link2").on("click",function(){

   $('#box').attr("src", "http://www.jasonsanchez.3owl.com/test/images/ibmtest.jpg"); 
});
于 2013-07-29T03:09:01.253 に答える