jQuery~函数不工作

jQuery ~ Function not working

本文关键字:工作 函数 jQuery      更新时间:2023-09-26

我试图在点击时调用我的javascript函数:

<div id='alert'><button onclick='alertClose()' class='alert'>Close</button></div>

以下是功能:

function alertClose(){
    $("#alert").animate({
        left: "107%"
    });
}

EDIT:控制台一直说没有名为alertClose 的函数

我将发布我认为是您的问题:

首先,您在这里的ajax.js中得到一个js错误:

var room = document.getElementsByClassName("selected")[0].innerHTML;

document.getElements调用没有返回任何内容并且失败

然后,您需要调整代码以使用jquery而不是内联事件:

HTML:

<div id='alert'><button class='alert'>Close</button></div>

JS:

function alertClose(){
    $("#alert").animate({
        left: "107%"
    });
}
 $("#alert button").click(alertClose); 

试试看它是如何工作的。这是一个Fiddle

编辑:删除了错误留下的内联函数

调用函数

function alertClose();