javascript - JQuery链接打开新窗口

Question

我正在尝试通过从浏览器内移动到一个单独的弹出窗口来改进我为我的网站创建的音乐播放器，我已经创建/操作代码我发现让 jQuery 采取href 值并将其发送到新窗口，唯一的问题是单击 <a>标记，它执行 href click 和 jQuery 操作(就像它会做的那样)。我正在尝试找到一种有效的方法来实现它，以便如果用户禁用了 JavaScript，他们至少可以在新选项卡中使用音乐播放器，而不是根本无法收听，但我不确定如何去做这件事。将元素 href 设置为 var，然后删除 href 属性是否可行？或者这会导致错误吗？

示例 HTML:

<a href="this_page.cfm?song=1" target="_blank" class="playSong" id="#artist# - #song#">Play Track</a>

jQuery 示例:

<script type="text/javascript">
    $(document).ready(function(){
        $(".playSong").click(function(){
            var url = $(this).attr('href');
            var windowName = $(this).attr('id');

            window.open(url, windowName, "height=300,width=400");
        });
    });
</script>

Answer 1

或者使用 e.preventDefault() 或 return false

$(document).ready(function(){
    $(".playSong").click(function(e){
        e.preventDefault(); // this will prevent the browser to redirect to the href
        // if js is disabled nothing should change and the link will work normally
        var url = $(this).attr('href');
        var windowName = $(this).attr('id');
        window.open(url, windowName, "height=300,width=400");
    });
});