我有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。我该怎么办?
答案 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;