Jquery .click() 不适用于 safari .. 但适用于其他浏览器

Posted 2023-02-23

【中文标题】Jquery .click() 不适用于 safari .. 但适用于其他浏览器

【英文标题】：Jquery .click() not work on safari.. but work on other browser

【发布时间】：2017-03-10 04:00:01

【问题描述】：

此代码可以在 chrome 和 firefox 上运行。但只是野生动物园不能让它工作......现在有什么问题？ jquery 在所有浏览器上运行应该没问题..

点击功能元素在按钮标签上。

$( document ).ready(function() 
    $('#loading-icon').hide();

    $('.complete-order').click(function() 
        $('#loading-icon').show();

        $(function () 
            count = 0;
            wordsArray = [" Please wait... loading...", " Don't close your browser...", " We are setting up your website...", " Running the system..." , " Almost complete..."];
            setInterval(function () 
                count++;
                $("#loading-icon span").fadeOut(400, function () 
                    $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
                );
            , 2000);
        );

    );

);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="text-center padding-loading">
  <div id="loading-icon">
    <i class="fa fa-spinner fa-spin"></i> 
    <span> Please Wait... Loading...</span>
  </div>
 </div>
 
 <button type="submit" id="btnCompleteOrder" class="complete-order btn btn-primary btn-lg" onclick="this.value='$LANG.pleasewait'">
button<i class="fa fa-arrow-circle-right"></i>
</button>

【问题讨论】：

附加功能有什么用？ $(function () 。这与您的$( document ).ready(function() .. 相同。不确定这是问题但不需要是吗？

摆脱内部$(function ()

我已经编辑了我的代码 sn-p.. 你可以尝试运行它

@Rick 是文本变化的动画……你现在可以运行代码了。我已经编辑了我的代码 sn-p

在 Safari 中为我工作。

【参考方案1】：

我想你可以试试下面的代码。

$(document).on("click",'.complete-order',function()
// You code
);