Ссылка на кнопку

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

Чтобы кнопка работала как ссылка, вам нужно добавить прослушиватель событий для события 'onclick' вашей кнопки, используя Javascript, это простой способ сделать это:

(замените URL тем, который вам нужен)

 <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 (), это ресурс о событиях:

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

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

Вы можете использовать

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