Ändern Sie href des dynamisch erstellten Links

Question

Ich habe Wordpress-Site http://gambit.co/test mit Visual Composer Plugin, mit dem ich Seiten im WYSIWYG-Modus erstellen kann. Der gesamte Inhalt wird mit Ajax und Javascript geladen. Ich habe ein paar nette Medienraster, aber ich kann keine bestimmten Links zu Quadraten zuweisen. Sie sind alle mit ihren Bildern verbunden.

Ich habe versucht, ihre Verbindungen mit jQuery

jQuery(document).ready(function($) { 
$("a[href='http://gambit.co/test/wp-content/uploads/2016/07/600_wynajem.jpg']").attr('href', 'http://www.google.com/'); 

}); 

Aber ich funktioniert nicht so gut, weil es keine HTML-Inhalte, wenn Scripts ausgeführt zu ersetzen. Ich habe das Skript an den unteren Rand der Seite verschoben, kurz bevor das BODY-Tag geschlossen wurde, aber die ID hat nicht funktioniert. Ich habe beides mit .attr und .prop versucht. Was soll ich machen?

Answer 1

Versuchen Sie einen Blick auf DOMNodeInserted.

Auf diese Weise können Sie so etwas wie schreiben:

// as soon as a new anchor tag is added to the dom and 
 
// the href value of this element is...... 
 
$(document).on('DOMNodeInserted', 'a[href="http://gambit.co/test/wp-content/uploads/2016/07/600_wynajem.jpg"]', function(e) { 
 
    this.href = 'http://www.google.com/'; 
 
    
 
    this.textContent = 'http://www.google.com/'; 
 
}); 
 

 

 
$(function() { 
 
    $('#btn').on('click', function(e) { 
 
    $('body').append('<a href="http://gambit.co/test/wp-content/uploads/2016/07/600_wynajem.jpg">My sample</a>'); 
 
    }) 
 
});

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 
 

 
<button id="btn">Add link</button>