jQuery選擇不工作

代碼jQuery選擇不工作

<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    alert("Hello!"); 
}); 
$(".demo").click(function() { 
    alert("I am demo"); 
}); 
</script> 
<body> 
    <button class="demo">click me</button> 
</body>

第一你好！沒問題，但我演示不了？怎麼啦？

了類似的問題 jquery each selector doesnt work

來源

2012-08-23 suannai

您需要綁定dom就緒回調函數中的事件處理函數。 – xdazz

從[jQuery教程]（http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Hello_jQuery）：*「幾乎當我們使用jQuery讀取或操作文檔對象模型（DOM）時，我們需要做的確保我們在DOM準備就緒後開始添加事件等，爲此，我們爲文檔註冊一個準備好的事件。「* ...值得一讀。 –

點擊事件處理程序試圖綁定到demo按鈕的HTML身體已經呈現前。您需要將事件處理程序分配您$(document).ready函數中：

更改此：

$(document).ready(function() { 
    alert("Hello!"); 
}); 
$(".demo").click(function() { 
    alert("I am demo"); 
});

要這樣：

$(document).ready(function() { 
    alert("Hello!"); 
    $(".demo").click(function() { 
     alert("I am demo"); 
    }); 
});

來源

2012-08-23 05:44:37

綁定click事件裏面ready()

$(document).ready(function() { 
    alert("Hello!"); 
    $(".demo").click(function() { 
     alert("I am demo"); 
    }); 
});

來源

2012-08-23 05:44:57 techfoobar

看this demo

$(".demo").live('click',function() { 
     alert("I am demo"); 
    });

來源

2012-08-23 06:09:52 Sender

現場已棄用，請使用。 http://api.jquery.com/live/ –

jQuery選擇不工作

回答

相關問題