通过jQuery执行功能

时间:2019-03-20 22:20:25

标签: javascript jquery html html5 function

在我的网站上,我有许多指向各种外部预订表格的链接,这些表格应该在新窗口中打开。不幸的是,我只能更改每个链接类(不能设置ID)。

我想做的是提供一个Javascript,该Javascript具有使每个外部站点在新窗口中打开的功能。还有一些jQuery,它为单击了特定类的链接执行适当的功能。

这是其中一个功能(其他名称和网址则不同):

    function booking-site-1(elt) {
    window.open("https://bookings.domainname.eu/4043/31", "_blank", "toolbar=no,status=no,scrollbars=yes,resizable=yes,top=500,left=500,width=600,height=745");
}

这是jQuery

jQuery(".booking-site-1-class").click(function(){
                       alert("Finally!")});

当我单击链接以执行上面显示的功能时,jQuery现在可以在其中成功显示警报。我真不知道该怎么办。

希望有人可以在这里给我一些提示。

1 个答案:

答案 0 :(得分:1)

首先,使用var/const/let/function声明的函数名称不能带有连字符--实际上,JavaScript中没有这样声明的名称。改用下划线:

function booking_site_1(elt) {
    window.open("https://bookings.domainname.eu/4043/31", "_blank", "toolbar=no,status=no,scrollbars=yes,resizable=yes,top=500,left=500,width=600,height=745");
}

要使其执行,只需将其添加到您的点击处理功能中即可:

jQuery(".booking-site-1-class").click(function(){
    alert("Finally!");
    booking_site_1($("#randomElement"));
});

Jaromanda Xcomments中指出,您可以将函数作为window对象或任何对象的属性