我想获取该类处于事件状态的数据值。当我单击导航选项卡时,它会警告未定义 如何解决此错误?请帮助我。
HTML:
<ul class="nav nav-tabs">
<li class="active" data-value="buy"><a data-toggle="tab" href="#home">BUY</a></li>
<li data-value="rent"><a data-toggle="tab" href="#home">RENT</a></li>
<li><a href="Post_Property.html">SALE</a></li>
</ul>
jQuery:
$(".nav-tabs").click(function(){
alert($(".active").attr("data-value"));
})
最佳答案
$('.nav-tabs').on('shown.bs.tab', function (e) {
alert($(".active").attr("data-value"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<ul class="nav nav-tabs">
<li class="active" data-value="buy"><a data-toggle="tab" href="#home">BUY</a></li>
<li data-value="rent"><a data-toggle="tab" href="#home">RENT</a></li>
<li><a href="Post_Property.html">SALE</a></li>
</ul>
我已经更新了代码中的更改,您可以使用 shown.bs.tab 方法进行引导。
关于javascript - jQuery 如何在类处于事件状态时获取数据值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43867794/