只需单击鼠标左键即可使用 jQuery 更改 HREF

Question

我想在带有 fancybox 的 iframe 中打开一个站点，如果用户选择在新选项卡或窗口中打开该站点的链接，则需要提供不同的布局（完整布局）。

正常的链接会显示整个页面，但如果我在末尾添加 &type=77，我的 CMS 知道它应该提供适合 iframe 的精简版本。如果用鼠标左键单击链接，以下代码将附加“&type=77”。

$('#mylink').mousedown(function(event) {
        if(event.which == 1) {
            var actualHref = $(this).attr("href");
            $(this).attr("href", actualHref + "&type=77");
        } 
    });

这效果很好，但每次点击都会附加该部件。因此，如果我左键单击一次并关闭 fancybox，然后右键单击（在新选项卡中打开），那么我仍然会得到带有附加部分的新 URL。并且它还会在每次点击时附加该部分。

我尝试使用 window.location 来更改 url，而不是更改 url - 这部分起作用，它显示了正确的 url，但它破坏了 fancybox。 fancybox 开始加载，但随后它被重定向到新页面。

也许有更好的方法。提前致谢。

Answer 1

使用.one方法：

$('#mylink').one("mousedown", function(event) {
        if(event.which == 1) {
            var actualHref = $(this).attr("href");
            $(this).attr("href", actualHref + "&type=77");
        } 
    });

更新
当您将插件分配给对象时，Fancy box 可以接受要打开的 href，因此请执行以下操作：（

$("#mylink").each(function(){
     var $this = $(this);
     $this.fancybox({"href": $this.attr("href")+"&type=77"});
});

有些人可能知道比/不喜欢对单个元素使用 each 更好的方法，但我不认为这对于一次通话来说真的很重要）

Answer 2

我希望这能解决这个问题：

var myLink = $('#mylink');
        var actualHref = myLink.attr("href");

        myLink.one("mousedown", function (event) {
            if (event.which == 1) {
                $(this).attr("href", actualHref + "&type=77");
            }
        });
        myLink.one("mouseleave", function (event) {
            if (event.which == 1) {
                $(this).attr("href", actualHref);
            }
        });

Answer 3

jQuery .one() 方法 仅执行一次事件。

jQuery .unbind() 方法 从元素中删除事件处理程序。

您可能还想了解有关鼠标事件的更多信息：

W3C 鼠标事件

哪个与按钮