無法使用jquery將新url加載到href屬性

Question

我正在使用jQuery來使用$ .each函數更改所有定位標記的href屬性。 我可以在控制檯中獲取新的href，但點擊元素後，它不會重定向到已更改的新網址。

$(".section-icons").each(function() { 
    var newHref = $(this).find("a").attr("href"); 
    newHref += "?currentMod=sales_target"; 
    console.log(newHref); 
    $(this).find("a").attr("href", newHref); 
}); 

<div class="section-icons"> 
    <a href="sales-target-revenue-wise.php"> 
     <div class="modules-icons-dd"> 
      <img src="<?=$dir_path?>images/module-icons/sales-target-revenue-wise-icon.png" /> 
     </div> 
     <div class="section-text">Revenue Wise Sales Target</div> 
    </a> 
</div> 

Answer 1

這樣做：

$(document).ready(function() { 
    $(".section-icons").each(function() { 
     var newHref = $(this).find("a").attr("href"); 
     newHref += "?currentMod=sales_target"; 
     console.log(newHref); 
     $(this).find("a").attr("href", newHref); 
    }); 
}); 

你需要做的是後DOM已準備就緒。

而且，你的腳本需要內部<script></script>

Demo