簡體   English   中英

.click事件在safari中不起作用

[英].click event is not working in safari

我在JavaScript中有一個.click事件,除了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'
        });
    });
});

任何幫助,將不勝感激。

看看這是否有效?

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 });

更正:

  • 刪除new的第1行
  • 在第2行添加$
  • 修復第2行的錯誤單引號和雙引號

您在評論中提到#ctl00_mainContent_AppPaymentControl1_applicationPaymentControl_payNow是一個<input>元素。 嘗試使用$(element).focus(callback); 方法而不是$(element).click(callback);

點擊事件<span>或</span><div>標簽不工作 safari 問題</div><div id="text_translate"><p>我的 iPhone(7 Plus) 上出現了Click事件問題。 點擊方法不適用於 IOS 設備。 但在 IOS Chrome 上工作正常。</p><p> 這是代碼: </p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> $('.menuOpen').on('click', function() { console.log('Show Menu'); $('.menuBar').toggleClass('d-none'); });</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"&gt; &lt;span class="menuOpen"&gt;Menu&lt;/span&gt; &lt;ul class="d-none menuBar"&gt; &lt;li&gt;Action 1&lt;/li&gt; &lt;li&gt;Action 2&lt;/li&gt; &lt;li&gt;Action 3&lt;/li&gt; &lt;li&gt;Action 4&lt;/li&gt; &lt;/ul&gt;</pre></div></div><p></p><p> 我已經嘗試過這些對我不起作用:</p><p> <a href="https://stackoverflow.com/questions/35646154/on-click-function-is-not-working-on-safari-browser" rel="nofollow noreferrer">單擊 function 在 safari 瀏覽器上不起作用</a></p><p> <a href="https://stackoverflow.com/questions/6682302/onclick-not-working-in-safari" rel="nofollow noreferrer">onclick() 在 safari 中不起作用</a></p><p> <a href="https://stackoverflow.com/questions/21555241/jquery-click-not-working-on-ipad-iphone" rel="nofollow noreferrer">jquery 點擊在 ipad/iphone 上不起作用</a></p><p>謝謝您的幫助!!</p></div>

[英]Click event on <span> or <div> tag not working safari issue

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 jQuery Click事件在Firefox和Safari瀏覽器中不起作用 單擊事件在 iOS 和 Safari 上不起作用 Safari中按鈕上的Click事件 .live(“點擊”)事件不適用於ios safari甚至onclick =&#39;&#39;isnt 點擊事件<span>或</span><div>標簽不工作 safari 問題</div><div id="text_translate"><p>我的 iPhone(7 Plus) 上出現了Click事件問題。 點擊方法不適用於 IOS 設備。 但在 IOS Chrome 上工作正常。</p><p> 這是代碼: </p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> $('.menuOpen').on('click', function() { console.log('Show Menu'); $('.menuBar').toggleClass('d-none'); });</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"&gt; &lt;span class="menuOpen"&gt;Menu&lt;/span&gt; &lt;ul class="d-none menuBar"&gt; &lt;li&gt;Action 1&lt;/li&gt; &lt;li&gt;Action 2&lt;/li&gt; &lt;li&gt;Action 3&lt;/li&gt; &lt;li&gt;Action 4&lt;/li&gt; &lt;/ul&gt;</pre></div></div><p></p><p> 我已經嘗試過這些對我不起作用:</p><p> <a href="https://stackoverflow.com/questions/35646154/on-click-function-is-not-working-on-safari-browser" rel="nofollow noreferrer">單擊 function 在 safari 瀏覽器上不起作用</a></p><p> <a href="https://stackoverflow.com/questions/6682302/onclick-not-working-in-safari" rel="nofollow noreferrer">onclick() 在 safari 中不起作用</a></p><p> <a href="https://stackoverflow.com/questions/21555241/jquery-click-not-working-on-ipad-iphone" rel="nofollow noreferrer">jquery 點擊在 ipad/iphone 上不起作用</a></p><p>謝謝您的幫助!!</p></div> Safari瀏覽器無法在Click事件上顯示加載圖片 單擊事件在Safari,Chrome中不起作用后打開新窗口 動態創建的ahref點擊事件在Firefox或Safari瀏覽器中不起作用? 使用reactjs在safari中滾動頁面后,單擊事件不起作用 Javascript全局(正文)單擊事件注冊在Safari中不起作用
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM