更改动态创建的链接的href

时间:2016-07-08 09:38:11

标签: jquery replace href dynamically-generated visual-composer

我有WordPress网站http://gambit.co/test和Visual Composer插件,它允许我以WYSIWYG模式创建页面。它创建的所有内容都加载了ajax和javascript。我有一些不错的媒体网格部分,但我不能指定正方形的特定链接。它们都是连接到图像的微缩物。

我尝试用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/');

});

但是我也没有用,因为脚本运行时没有HTML内容。我将脚本移动到页面底部,就在关闭BODY标签之前,但是id没有用。我尝试使用.attr和.prop。我该怎么办?

1 个答案:

答案 0 :(得分:0)

尝试查看DOMNodeInserted

通过这种方式,您可以编写如下内容:



// 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>');
  })
});
&#13;
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>

<button id="btn">Add link</button>
&#13;
&#13;
&#13;