jQuery的〜功能不能正常工作

Question

我试着叫上点击我的javascript功能：

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

下面是函数：

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

编辑：控制台口口声声说没有叫alertClose功能

Answer 1

通话功能

function alertClose(); 

Answer 2

我要发布什么，我认为是你的问题：

首先，你在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

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