jquery $(' a')。每个都不起作用

时间:2017-08-05 14:15:51

标签: jquery

我正在尝试在页面的所有链接上添加查询字符串,我已添加此代码以完成此操作,但正如您所看到的,它无法正常工作 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,并且在同一个文件中,所有这些工作都很好,只是没有这个功能。

1 个答案:

答案 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;
&#13;
&#13;