在按钮活动的新选项卡中打开链接

Question

我试图在我的网站上有一个按钮，当它处于活动状态时（单击一次）将目标 _blank 添加到具有特定类的 href 链接，以便它们在新选项卡中打开。

这是按钮的代码

    <li id="toolbar-display">
        <dl>
        <dt>Display</dt>
        <dd id="toolbar-display-newtab" class="first last"><span>New Tab</span></dd>
        </dl>
    </li>

那么这是一个href链接类，我想将_blank添加到。

    <a class="item-link" href="url">

为此，我使用了以下从 http://jsfiddle.net/UJMgQ/2/ 修改的 javascript

    <script type="text/javascript">
        $(function () {
        $('#toolbar-display-newtab').click(function () {
        if ($(this).toggleClass('active')) {
        $('.item-link').attr('target', '_blank');
        } else {
        $('.item-link').removeAttr('target');
        }
        });
        });
    </script>

代码看起来是正确的，但不幸的是它不起作用，我目前不清楚它是没有检测到按钮的活动状态还是无法添加_blank。任何帮助将不胜感激 =)

Answer 1

我不完全确定 toggleClass() 返回什么，但根据我的测试，它没有为您提供可用于 if else 条件的布尔值。

为什么不试试hasClass() 来检测是否已经设置了活动类，然后在检测到之后使用toggleClass。

我尝试重新编写你的帖子，但我不确定你的逻辑是否正确。

$(function () {
    $('#toolbar-display-newtab').click(function () {
        if ($(this).hasClass('active')) {
            $('.item-link').attr('target', '_blank');
        } else {
            $('.item-link').removeAttr('target');
        }
        $(this).toggleClass('active');
    });
});