$(this).parent().find() funktioniert nicht

Mache ich ein WordPress-widget zeigt ein Bild, und zum hochladen/ändern dieses Bild nutze ich die WordPress Medien-uploader.

Dies ist das admin-Formular-markup, die ich verwende:

<p class="media-control"
    data-title="Choose an image"
    data-update-text="Choose image">

    <input class="image-url" name="image-url" type="hidden" value="">

    <img class="image-preview" src=""><br>
    <a class="button" href="#">Pick image</a>
</p>

Wenn ich auf ".media-control" der uploader angezeigt und ich kann wählen Sie ein Bild. Aber wenn ich Sie abgeholt habe ein Bild ".Bild-Vorschau" und ".Bild-url" nicht mehr aktualisiert.

Hier mein javascript: http://jsfiddle.net/etzolin/DjADM/

Alles funktioniert wie vorgesehen, außer diese Zeilen:

jQuery(this).parent().find('.image-url').val(attachment.url);
jQuery(this).parent().find('.image-preview').attr('src', attachment.url);

Wenn ich Schreibe Sie so, input-Wert eingestellt ist und image-Vorschau aktualisiert:

jQuery('.media-control .image-url').val(attachment.url);
jQuery('.media-control .image-preview').attr('src', attachment.url);

Aber da ich mehr als eines dieser widgets aktualisieren der input-Wert und die Bild-Vorschau in jedem widget.

Wie kann ich einstellen, dass der input-Wert und aktualisieren Sie die Vorschau nur in der widget-bin ich das Bearbeiten? Was mache ich falsch?

bitte aktualisieren Sie Ihren code in einigen fiddle oder jsbin, codepen, ... wir haben viele andere Seiten viel besser als die sogenannten pastebin. Sieht aus wie pastebin beschränkt den Zugriff aus bestimmten Ländern oder Regionen kann ich nicht den Zugriff auf diese Website.
Sorry, hier ist ein jsfiddle mit dem javascript-Code: jsfiddle.net/etzolin/DjADM

InformationsquelleAutor Etzolin | 2014-06-07

  1. 2

    Innerhalb der Ereignisprozedur für das Medien-frame this ist nicht das angeklickte element

    var media_frame;

jQuery('.media-control a').live('click', function (event) {

    var self = this;

    event.preventDefault();

    if (media_frame) {
        media_frame.open();
        return;
    }

    media_frame = wp.media.frames.media_frame = wp.media({
        title: jQuery(self).parent().data('title'),
        button: {
            text: jQuery(self).parent().data('update-text'),
        },
        multiple: false
    });

    media_frame.on('select', function () {
        attachment = media_frame.state().get('selection').first().toJSON();

        jQuery(self).parent().find('.image-url').val(attachment.url); //set .image-url value
        jQuery(self).parent().find('.image-preview').attr('src', attachment.url); //update .image-preview
        //     ^^ this is not the element from the click handler but the media frame
    });

    media_frame.open();
});

    und Sie sollten mit on() als live() veraltet ist und entfernt von jQuery

    Dies funktioniert perfekt! Ich habe ziehen meine Haare, die versuchen eine Antwort zu finden, den ganzen Tag. Danke!!!

    InformationsquelleAutor adeneo

Schreibe einen Kommentar