Question

好的，我有一个问题：我有这个代码创建一个按钮，但我需要在我的wordpress菜单www.slingerbistro.dk（右上角 - 预订按钮）中使用相同的onClick事件。

我已经读过，它需要在标题中加入一些编码。

我收到的预订代码是这样的：

<!-- DinnerBooking Booking Box Start -->
<script type="text/javascript" src="http://js.i.dinnerbooking.eu/onlinebooking.js"></script>
<a onclick="return openDBWindow(this.href);" href="http://slingerbistro.b.dinnerbooking.com/onlinebooking/997/2" id="wd_booking_btn" title="Se ledig tid og book bord" class="btn_blue"><span>Se ledig tid og book bord</span></a>
<!-- DinnerBooking Booking Box End -->

我所做的就是尝试将其纳入主题中的header.php。到目前为止，我已经想出了这个：

<script type="text/javascript" src="http://js.i.dinnerbooking.eu/onlinebooking.js">
jQuery(document).ready(function($) {
    $("#menu-item-top-level-10").on("click", function(e){
          e.preventDefault();
          // dinnerbooking code here
          return openDBWindow (this.href == "http://slingerbistro.b.dinnerbooking.com/onlinebooking/997/2")
    });
}); </script>

是否有人有能力查看我的遗憾代码并纠正错误？我不是一个程序员（显然），可能真的需要你的帮助。

预订按钮有＆＃34;＃menu-item-top-level-9＆＃34;所以基本上我尝试编写的代码应该与我在顶部发布的示例小部件一样对下拉小部件产生相同的效果。

谢谢你＆lt; 3

Answer 1

尝试将代码替换为：

<script type="text/javascript" src="http://js.i.dinnerbooking.eu/onlinebooking.js">
    jQuery(document).ready(function ($) {
        $("#menu-item-362").on("click", function (e) {
            e.preventDefault();
            // dinnerbooking code here
            return openDBWindow ($(this).attr('href'));
        });
    });
</script>

首先，没有ID为menu-item-top-level-10

的元素

其次，您不想更改href。你想读它。

Wordpress Nav / Menu onClick事件解决方案

1 个答案: