我正在尝试在页面的所有链接上添加查询字符串,我已添加此代码以完成此操作,但正如您所看到的,它无法正常工作 http://yamputours.staging.wpengine.com/?why=broken
var querystring = location.search;
console.log(querystring);
$('a').each(function() {
console.log('working');
var href = $(this).attr('href');
if (href) {
href += (href.match(/\?/) ? '&' : '?') + querystring;
$(this).attr('href', href);
}
});
我从第二个console.log()
开始没有在控制台中获取任何内容。
我知道它里面的代码仍然需要修改才能打破像href='#'
之类的东西,但即使我删除了函数内部的所有代码,除了console.log('working);
之外没有任何东西。这让我发疯,任何人都能看到我失踪的东西吗?
仅供参考这个网站上有大量其他jQuery,并且在同一个文件中,所有这些工作都很好,只是没有这个功能。
答案 0 :(得分:2)
尝试添加 $(文档).ready(function(){ function
$(document).ready(function() {
$('a').each(function() {
console.log($(this).text() + ' working');
});
console.log('---By class selector---')
$('.link').each(function() {
console.log($(this).text() + ' working with class "link"');
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#test1">test 1</a>
<a href="#test2">test 2</a>
<a href="#test3">test 3</a>
<a href="#test4">test 4</a> // second option with class
<a href="#test5" class="link">test 5</a>
<a href="#test6" class="link">test 6</a>
<a href="#test7" class="link">test 7</a>
<a href="#test8" class="link">test 8</a>
&#13;