有人可以帮忙吗?
我有一个这样的HTML代码。
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><img src="img/topbararrowback.png" alt=""></a>
</li>
<li id="hide_filter">
<a href="#">Hide Filter</a>
</li>
</ul>
我尝试在 id hide_filter 的 li 上添加一个 .click 事件。
我所做的是——
$("#hide_filter").click(function()
{
alert('message');
});
和-
$(".navbar-left li").click(function() {
alert(this.id); // id of clicked li by directly accessing DOMElement property
alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose
alert($(this).html()); // gets innerHTML of clicked li
alert($(this).text()); // gets text contents of clicked li
});
和-
$('ul.selectedItems li#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
和-
$('#hide_filter')[0].click(function()
{
//$("p").hide();
alert('message');
});
但没有什么对我有用。
提前感谢您的帮助..
实际上它:)
$("#hide_filter").click(function()
{
alert('message');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><img src="img/topbararrowback.png" alt=""></a>
</li>
<li id="hide_filter">
<a href="#">Hide Filter</a>
</li>
</ul>
假设你已经添加了jquery库,你需要在加载DOM时附加事件,即在DOM就绪事件上:
$(function(){//document ready function
$("#hide_filter").click(function(){
alert('message');
});
});
工作演示
也许你的代码不是 eval。尝试像这样使用函数包装将您的代码放在 body tag 中
$(function(){ //document ready function
$("#hide_filter").on("click",function(){
console.log('message');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
从第三个选项中删除.selectedItems
选择器
$('ul li#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
从第 4 个选项中删除索引 0
$('#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
否则,您的 4 个选项是正确的并且可以正常工作。请确保您已将这些代码写入就绪事件中。
$(document).ready(function(){
$("#hide_filter").click(function()
{
alert('message');
});
});
也许jquery库有问题。它们是否与其他JavaScript冲突?