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

編輯：刪除內聯函數留下的錯誤