Javascript 。单击事件在safari中不起作用

我在JavaScript中有一个

。单击
事件，它似乎在除safari之外的所有主要浏览器中都能正常工作。代码正在创建一个对话框，单击“提交”按钮时显示图像

$(document).ready(new function () {
var SpinnerImage = ('<div id="dialog-message"><img src="loading.gif" /></div > ');
$("#ctl00_mainContent_AppPaymentControl1_applicationPaymentControl_payNow").click(function () {
    //show loading gif
    $('body').append(SpinnerImage);
    $("#dialog-message").dialog(
        {
            title: 'Loading... Please Wait'
        });
    });
});

$（文档）.ready（新函数（）{
变量SpinnerImage=（“”）；
$（“#ctl00_main content_AppPaymentControl1_application paymentcontrol_payNow”）。单击（函数（）{
//显示加载gif
$（'body'）.append（喷丝头图像）；
$（“#对话框消息”）.dialog(
{
标题：“正在加载…请稍候”
});
});
});

任何帮助都将不胜感激。
看看这是否有效

1  $(document).ready(function () {
2     var SpinnerImage = $("<div id='dialog-message'><img src='loading.gif' /></div>");
3     $("#ctl00_mainContent_AppPaymentControl1_applicationPaymentControl_payNow").click(function () {
4        //show loading gif
5        $('body').append(SpinnerImage);
6        $("#dialog-message").dialog(
7           {
8              title: 'Loading... Please Wait'
9           }
10       );
11    });
12 });

1$（文档）.ready（函数（）{
2变量喷丝头图像=$（“”）；
3美元（“#ctl00_main content_AppPaymentControl1_application paymentcontrol_payNow”）。单击（函数（）{
4//显示加载gif
5美元（‘body’）。追加（喷丝头图像）；
6美元（“#对话消息”）。对话(
7           {
8标题：“正在加载…请稍候”
9           }
10       );
11    });
12 });

更正：


删除第1行上的新代码
在第2行添加
$
修复第2行的错误单引号和双引号


您在评论中提到，
\ctl00\u main content\u AppPaymentControl1\u application paymentcontrol\u payNow
是一个
元素。尝试使用
$（元素）.focus（回调）方法而不是
$（元素）。单击（回调）
不确定它是否会产生影响，但请在第一行删除函数中的
新功能。不需要
新函数（）{
这可能会有帮助@epascarello这不是一个时间问题，因为它在所有其他浏览器中都能工作。@SyedVasty为什么要在页面加载时触发按钮单击？不。它不起作用。我读到safari不支持的地方。单击？有人知道这是真的吗？@SyedVasty Desktop还是mobile safari？版本是什么？@SyedVasty什么
\ctl00\u main content\u AppPaymentControl1\u application paymentcontrol\u payNow
？@SyedVasty的元素标记不，这是属性。我要的是元素。你知道，像
div
，
span
，
input
，等等？@SyedVasty而不是
。单击（
，尝试
。聚焦（