Bildquelle dynamisch über Jquery ändern

-1

Ich entwerfe eine Chat-Anwendung. Da ich Funktionalität verwende, öffnet sich eine Seite mit Kontaktinformationen und dem entsprechenden Bild der Person, deren Chat es ist. Also, was ich will, ist die dynamische Zuordnung der Quelle des Anzeigebildes zu src des Bildes in der Seitenwand bei Klick. Hier ist mein Code-Snippet.Bildquelle dynamisch über Jquery ändern

$(".chat-top").click(function(){ 
     var ig= document.getElementById("contacti"); 
     var ig2=document.getElementById("imgr"); 
     ig2.src=ig.src; 
    });

chat-top ist das div auf click welches Seitenpanel kommt. contacti ist die ID des Anzeigebild-Tags und imgr ist die ID des Seitentafel-Image-Tags.

irgendwelche Vorschläge ..?

Quelle

2017-08-10 nishant singh

Sie Ihr Problem nicht – j08691

Aktien html auch – Matt

angeben, was Ihre Frage ist? Gibt es ein Problem mit Ihrem Code? Vermutlich gibt es sonst keine Frage, aber Sie haben uns nicht gesagt, was das Problem ist. Sie haben Ihre Anforderungen angegeben, aber nicht gesagt, welcher Teil von ihnen nicht erfüllt ist. Auf den ersten Blick ist nichts offensichtlich mit dem Code falsch. Möglicherweise sind Ihre Element-IDs falsch oder Ihr Ereignis wird möglicherweise nicht ausgelöst. Sie können uns den HTML-Code zeigen, um mit der ersten Frage zu helfen, und einige Debugging-Schritte durchführen, um mit dem zweiten Schritt zu helfen. – ADyson

Sie können Ihr Bild des src Attribute ändern, indem die JQuery attr() Funktion wie folgt verwendet:

$(".chat-top").click(function() { 
 
    console.log("before:", $("#contacti").attr("src"), $("#imgr").attr("src")); 
 

 
    var igSrc= $("#contacti").attr("src"); 
 
    $("#imgr").attr("src", igSrc); 
 
     
 
    console.log("after:", $("#contacti").attr("src"), $("#imgr").attr("src")) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="chat-top"> change </button> 
 
<img id="contacti" src="example"/> 
 
<img id="imgr" src="secondExample"/>

Quelle

2017-08-10 14:34:03 hasan

vielen Dank. Es funktioniert jetzt gut. –

Bitte markieren Sie es als beantwortet. – thhan

Bildquelle dynamisch über Jquery ändern

Antwort

Verwandte Themen