php - 按钮 URL 在某些浏览器中不起作用

Question

我正在尝试调用特定的帖子元数据（“购买门票”）以用作可点击按钮。该代码在 Safari 中有效，但在其他浏览器中无效。我正在使用最新版本的 Wordpress。下面是我目前正在使用的一段代码：

<td>
<input type="button" value="Buy tickets"
onclick="window.open('<?php echo get_post_meta(get_the_ID(), 'Buy tickets', true); ?>')">
</td>

我也尝试过使用以下脚本，但这会使按钮无法点击：

<td>
<button id="<?php $postId = get_the_ID(); echo $postId ?>" style="float:right">
<p>Buy tickets</p>
</button>
</td>


<script>
$(document).ready(function() {
// Handler for .ready() called.

$("#<?php $postId = get_the_ID(); echo $postId ?>").click(function(){
         window.location="<?php echo get_post_meta(get_the_ID(), 'Buy tickets', true); ?>"
         return false;
    });

    });
</script>

任何建议将不胜感激！要查看第一段代码，请单击此处。

Answer 1

<form onsubmit="return false;">
<table class="tickets">
<tr>
    <td><button data-goto="<?php echo get_post_meta(get_the_ID(), 'Buy tickets', true); ? >">Buy tickets</button></td>
</tr>
</table>
</form>

<script>
jQuery(document).ready(function($) {
$("table.tickets button").click(function(event) {
    window.location.href = $(this).attr("data-goto");
});
});
</script>