如何在标签下更改更多按钮的链接

Question

我有4个标签菜单

<ul id="get_link">
   <li class="active"><a href="/latest-movies">Latest</a></li>
   <li><a href="<?php echo get_term_link($year);?>">New Movies</a></li>
   <li><a href="/coming-soon">Coming Soon</a></li>
   <li><a href="/hd-movies">HD Movies</a></li>
</ul>

和更多按钮

<a class="showMore" id="more_linkz" href="/latest-movies">more »</a>

当我点击标签菜单时，我想更改/更新更多按钮链接。例如：当我点击HD Movies时，我想在更多按钮中显示此链接

我正在研究并对此进行编码，但它不能正常工作我已经检查了此代码并提醒地址值，它显示了警报中的标签链接，但没有放入更多按钮。

<script>
        $('ul#get_link li a').click(function () {
                var addressValue = $(this).attr("href");
                $("a#more_linkz").attr("href", addressValue);
        });

 </script>

Answer 1

检查代码时，没有任何问题。除非单击链接，否则它将重定向，使您的脚本无法读取。您需要放置e.preventDefault();以避免重定向。

    $('ul#get_link li a').click(function (e) {
            e.preventDefault();
            var addressValue = $(this).attr("href");
            $("a#more_linkz").attr("href", addressValue);
    });

这是fiddle。尝试检查更多链接上的元素，然后单击任何选项卡链接并查看实际更改的href属性。