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>