Question

我的点击jquery功能无效，它只是在控制台上也没有任何错误。这是链接 -

<a href="#lang" id="language">Edit</a>

这是点击功能

$('a').click(function() {
 var item = $(this).attr("id");
 alert(item);        
 return false;
});

它不会弹出警告框，也不会在控制台中显示错误。

好的，有人要求提供更多信息 -

通过按下按钮，链接添加了jquery，并且作为id，它接受一个输入字段值，并将其作为链接从输入字段插入id。没有重复的id，所有的javascript脚本都位于head标记的末尾，而click命令函数位于最后的部分。

Answer 1

此代码应该可以使用，所以我认为在此代码运行之前还有一些其他错误会阻止正确的Javascript执行。

编辑： OR 当您插入Javascript代码时，DOM尚未就绪。然后你应该使用

$(function() { $('a').click(function() { var item = $(this).attr("id"); alert(item); return false; }); });

Answer 2

您是将它包装在ready事件上还是在元素显示之后？如果是这样，它应该工作;

http://jsfiddle.net/sWeRf/

Answer 3

将此代码放在页面上的<a href="#lang" id="language">Edit</a>之后，或者将其放在$(document).ready(function() { //Place code here. });

的头部

Answer 4

您可以尝试使用以下内容替换JS代码（放在HEAD标记之间）

<script type="text/javascript">
$(document).ready(function(){
    $('a#lang').click(function(){
        alert($(this).attr('id'));
    });
});
</script>

Answer 5

在应用JQuery点击处理程序之前，您是否正在检查文档是否已加载？

e.g。

   $(document).ready(function() {
     $('a').click(function() {
         var item = $(this).attr("id");
         alert(item);        
         return false;
     });
});

Answer 6

根据您的动态插入<a>标记的编辑，您需要使用jQuery的.on()（jQuery版本1.7及更高版本）或.live()方法来附加点击处理程序。

Answer 7

您可以使用执行相同操作的匿名函数，而不是使用document.ready。

像这样：

$(function() {
    $('a').click(function() {
        var item = $(this).attr("id");
        alert(item);        
        return false;
    });
});

Answer 8

要删除该项，请执行以下操作：

$('#language_c').remove();

点击功能不起作用

8 个答案: