Question

我正在创建一个“游览”页面，其中包括即将举行的演出的日期和一个按钮，单击该按钮时会显示可用门票的数量和“购买”选项。我想将“购买”链接到票务管理员，有人可以帮我这个忙吗？代码如下：

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

Answer 1

您可以使用

<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 2

尝试使用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 3

不确定您的意思是什么，但是您可以通过以下简单方法将按钮链接到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 4

为了让按钮像链接一样工作，您需要使用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 website（）上找到大量有关Web开发的高质量教学材料，这是有关事件的资源：

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

Answer 5

使用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/

链接到按钮

5 个答案: