html5 - Javascript not working inside bootstrap carousel item? -


i ran issue , wonder if there's solution it:

i have html5 page bootstrap carousel on it, contains div's show content. 1 of these div's contains buttons meant call js functions. noticed none of these functions ever called, simple console.log not work:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false" >     <div class="carousel-inner" role="listbox">         <div class="item active" >             <button onclick="console.log('test!');">test</button> ... 

all tags closed correctly, omitted further lines clarity here. carousel works expected, nothing wrong that, javascript within not show reaction. when place same button tag outside carousel, console gives me "test!" in console.

what's problem here, can fixed? or need avoid carousel when need js within content?


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -