代码之家 › 专栏 › 技术社区 › coder_bro

jquery hide div-导致javascript错误

jquery-ui jquery javascript

coder_bro · 技术社区 · 15 年前

我在页面中有以下HTML:

<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>    
<script>
        function hideIt() {
            $(this).hide("slow");
            return true;
        }         
    </script>
</head>
<body>
<div onclick="hideIt();">
         hello world
    </div>
</body>

当我单击DIV时,它会导致以下javascript错误:

线:53 错误:“this[…]..style”为空或不是对象

有什么解决办法吗?

5 回复 | 直到 15 年前

marcgg 15 年前

这应该能解决问题

<div onclick="hideIt(this);">

和

function hideIt(o) {
            $(o).hide("slow");
            return true;
        }

Darmen Amanbay Cherma Ramalho 15 年前

没有定义 this 对象。改用选择器:

<div class="ready_to_hide">
     hello world
</div>

$('.ready_to_hide').click(function(){
   $(this).hide();
});

rahul 15 年前

this 引用当前对象。要使代码正常工作,必须通过传递来传递对DIV元素的引用 这 在函数调用中。

使用jquery的主要优点是分离标记和脚本。因此,您不会在标记内编写事件处理程序。只有在DOM准备好之后,才能编写事件处理程序。

<head>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>    
    <script>
        $(function(){
            $("#divToHide").click(function(){
                $(this).hide();
            });
        });        
    </script>
    </head>
    <body>
    <div id="divToHide">
             hello world
        </div>
    </body>

详细阅读 Unobtrusive JavaScript

David Hedlund 15 年前

$(this) 只有当您将事件与jquery绑定时,它才是您的DIV:

$('#myDiv').click(hideIt);

按照您的方式,您需要传递对对象的引用:

<div onclick="hideIt(this);">

在你的功能中使用它:

    function hideIt(obj) {
        $(obj).hide("slow");
        return true;
    }

Sarfraz 15 年前

试试这个:

<script>
    function hideIt(item) {
        $(item).hide("slow");
        return true;
    }         
</script>

<div onclick="hideIt(this);">
     hello world
</div>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前