Ändern image src von imagebutton mit jquery 1.4.4

Habe ich versucht zu ändern, das Bild src an ImageButton mit jQuery dann schlägt es um den hintergrund zu ändern.

Ich habe versucht, unterhalb der Skript-oder:

$(document).ready(function () 
 {
    $('#<%=imageButtonId.ClientID%>').click(function () 
    {

            $('#<%=imageButtonId.ClientID%>').attr("src", "mobile/images/writelogbook_icon.png");

     });
});

Habe ich auch schon versucht-Objekt.css("backgroundImage","Pfad");
Aber, auch dies nicht.
Bitte schlagen Sie mich. Ich bin mit jquery 1.4.4 min

Edit:
Relavent-code von html:

<input type="image" name="imageButtonId" id="imageButtonId" src="Images/admin.png" />



   $('#imageButtonId).click(function () {
$(this).attr('background-image', 'Images/customer.png');        });

Dank,

Naresh Goradara

  • Was nicht funktioniert, wird das click-Ereignis oder das attr() nennen?
  • Ihre zweite Anstrengung sollte object.css("background-image","path"); (mit einem Bindestrich und in Kleinbuchstaben i)
  • - Ereignis ausgelöst wird, aber keine änderung in der Ausgabe.
  • background-image auch nicht funktioniert.
InformationsquelleAutor Naresh Goradara | 2011-05-11
  1. 1

    Sollten Sie versuchen, diese:

    <asp:ImageButton ID="imageButtonId" runat="server" src="Images/admin.png"> 
</asp:ImageButton>
<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=imageButtonId.ClientID%>').click(function (e) {

            $('#<%=imageButtonId.ClientID%>').attr("src", "Images/customer.png");
            e.preventDefault();
        });
    });
</script>

    Diese funktioniert in meinem test-Projekt. Denken Sie daran, die e.preventDefault, und auch die übergabe in e in der click-Funktion. Dies bewirkt, dass die Bild-Taste, um nicht post zurück an den server, damit die Seite aktualisieren.

    Wenn die Seite aktualisiert, die imagebutton haben Ihr ursprüngliches Bild wieder.

    • Vielen Dank, es funktioniert gut, aber wie du es gesagt hast, ersetzen original-Bild, wenn die Seite aktualisieren. Es, dass jeder Weg, um dieses Problem zu beheben?
    • Sie müssen die Bild-Quelle in den code hinten auf Page_Load oder das click-Ereignis für das imagebutton-Steuerelement, wenn Sie wollen das Bild zu bestehen. Bitte markieren Sie die Antwort als akzeptiert aswell.
    InformationsquelleAutor Yngve B-Nilsen
  2. 1

    Es ist schwierig zu sagen, aus deiner Frage. Ein paar Dinge zum ausprobieren:

    1. Blick auf Ihre HTML-Quelltext auf der Seite generierten. Was ist <%=imageButtonId.ClientID%> gerendert?
    2. Alert $('#<%=imageButtonId.ClientID%>').length. Was bekommen Sie?
    3. Ich persönlich hätte nicht den zweiten $('#<%=imageButtonId.ClientID%>'). Verwenden $(this) statt.

    Könnten Sie versuchen Entsendung einige der gerenderten Webseite (also die HTML mit imageButtonId und das gerenderte JavaScript. Dies wird uns helfen, festzustellen, was falsch ist.

    • Objekt.ClientId, bekam ich ein Objekt der imagebutton-Steuerelement, mit der Länge 1. Und mit dieser gilt es als einfache DOM-Objekt, das keine Hilfe von jQuery methiods.
    • Kannst du die relevant code aus der gerenderten html-Seite.
    • Ich habe relavent html-Frage, bitte haben Sie einen Blick und deuten.
    • Post das gerenderte Javascript sowie. Dann gehen Sie und akzeptieren Sie einige Antworten auf Ihre Fragen von anderen, und abstimmen, bis alle Antworten, die Sie nützlich findet.
    InformationsquelleAutor James Wiseman
  3. 1

    Welchen html-Typ #imageButtonId.ClientID? Das SRK wird mit Bildern, keine Knöpfe (nur für den Fall, dass Sie versuchen, diese mit a-Taste). Wenn es eine Schaltfläche müssen Sie den Einsatz von css('background-image', Pfad). Hinweis: das hintergrund-Bild NICHT camelCase.

    Wenn das immer noch nicht funktioniert, überprüfen Sie das Objekt CSS in einigen dev-tool wie firebug, safari /chrome developer tools, etc. Ist die Eigenschaft ändern, nur nicht zeigen, das Bild, oder ist nichts festgelegt.

    Und wie vorher gesagt wurde, Sie möchten, verwenden Sie $(this).css('background-image', Pfad);

    Glück!

    Bearbeiten:
    Nur bemerkt Ihr html-Ergänzung - warum nicht einfach tun:

    $('#imageButtonID').click(function() {
   $(this).css('background-image', 'path/to/image');
});

    Auch, es sei denn, Sie benötigen die imagemap-Funktionalität Typ Typ=Bild, ich würde empfehlen, mit einem gestylten button " statt. Man hätte einfach style es mit css (inline-Stil= " background-image:Pfad/zum/Bild.png " oder in ein style-sheet. Wie:

    <input name='imageButtonID' id='imageButtonID' style='background-image:path/to/image.png'>

    Dann

    $('#imageButtonID').click(function() {
   $(this).css('background-image', 'path/to/newimage.png');
});
    • Ich kann nicht ersetzen, asp-ImageButton-Steuerelement in html einfache Schaltfläche mit Stil.
    InformationsquelleAutor btx
  4. 0

    Sind Sie über einen relativen Pfad. Ist der Pfad zum Bild korrekt? Versuchen Sie es mit einem absoluten Pfad.

    • Image-Pfad ist auch korrekt, wenn ich mit dem gleichen Pfad durch einfaches javascript, dann funktioniert es einwandfrei.
    InformationsquelleAutor NakedBrunch
Schreibe einen Kommentar