Question

HTML：

<button id="add" >Add</button>

JQuery：

$("#add").click(function () {
                alert("hi");
            });

此功能在iPad Safari中有效，但在Windows Safari中无效。

Answer 1

DOM必须准备就绪。在创建按钮后链接脚本。或者在DOM准备就绪后使用jquery运行代码片段。

<button>
<script>...</script>

我会使用ready()

<强> HTML：

<button id="add" >Add</button>

<强> JQuery的：

$(document).ready(function() {
    $("#add").click(function () {
        alert("hi");
    });
});

Answer 2

以下代码适用于适用于Windows版本5.1.7的 使用 JQuery 1.7.1 。这是一个基本功能，所以我没有看到JavaScript代码的任何问题。

同样在你的一条评论中，你曾提到<button onClick="addFunction()">Add</button> function addFunction(){ alert("1");}正在发挥作用。这是因为它没有使用JQuery，所以我认为你需要在调用函数之前检查JQuery是否正确加载。尝试在FireFox / Chrome开发者控制台中打开该页面，并检查是否收到与JS相关的任何错误。

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <button id="add">Add</button> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.1.min.js"></script> <script> $("#add").click(function () { alert("hi"); }); </script> </body> </html>

JQuery click事件在Safari Windows 7中不起作用

2 个答案: