链接到一个按钮

Question

我正在创建一个“旅游”页面，其中包括即将到来的节目的日期以及点击显示可用票证数量和“购买”选项的按钮。我想把'买'链接到售票员，有人可以帮我这个吗！？下面是代码：

<td> <button  class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="12 Available" data-content="Buy">Tickets</button>
</td>

Answer 1

使用data-html="true"

<td> <button  class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="12 Available" data-html="true" data-content="Buy this product click<a href='https://www.google.com'> here</a>">Tickets</button>
        </td>

https://jsfiddle.net/f9Lm0oew/4/

Answer 2

您可以使用

<td><a href="yourLink"> <button  class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="12 Available" data-content="Buy">Tickets</button></a>
    </td>

Answer 3

尝试与onClick="window.location.href = 'http://www.example.com';"到<button>元素

<td> <button  class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="12 Available" data-content="Buy" onClick="window.location.href = 'http://www.example.com';">Tickets</button>
</td>

Answer 4

不确定你的意思，但你可以通过这个简单的方式将按钮链接到Ticketmaster：

<td> 
    <button  class="btn btn-primary" data-toggle="popover" 
        data-trigger="focus" 
        title="12 Available" 
        data-content="Buy"
        onClick="()=>window.location.href = 'https://www.ticketmaster.com/'"
    >
        Tickets
    </button>
</td>

我添加了一个onClick事件，它将按钮链接到Ticketmaster

Answer 5

为了让按钮像链接一样，您需要使用Javascript为按钮的“onclick”事件添加事件监听器，这是一种简单的方法：

（用您需要的网址替换网址）

 <td> <button  class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="12 Available" data-content="Buy" onclick="location.href = 'http:\\ticketmaster.com';">Tickets</button>
</td>

好的做法是在外部javscript文件中包含所有事件处理代码，但对于一次性应用程序，这已经足够了。

如果您想进一步了解，您可以在MDN网站上找到大量关于Web开发的高质量教育资料（），这是关于事件的资源：

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events