Iphone設備上的jquery onclick

Question

我在我的網站上使用MVC，並且在窗體上使用「onclick」時遇到麻煩。這裏是我的代碼：

using (@Html.BeginForm("findpost", "keyword", FormMethod.Post, new { id = "mainForm" })) 
        { 
         <button type="submit" class="btn-submit" name="s" onclick="showupdate();"></button> 
         <input name="query" type="text" id="query" value="@Model.search" placeholder=" ex: iPod"> 
         <input type="hidden" name="pos" value="" /> 
         <input type="hidden" name="dis" value="" /> 
        } 

的showupdate（）;在加載結果頁面時顯示一個gif。這是工作得很好的桌面& Android設備。搜索在iPhone上有奇怪的行爲。它只考慮我輸入的第一個關鍵字（來自主頁）。如果我刪除「onclick = ...」，它可以工作，但它不會加載gif ... 任何想法可能來自哪裏？我試圖直接在JS中添加點擊，但它也不起作用。

這裏是GIF：

function preparepreloader() { 
var loader = $('<div class="preloaderwrapper hiddenn">' + 
'</div>' + 
'<div class="preloader hiddenn">' + 
    '<div class="prewrapper">' + 
     '<div class="eyeglass">' + 
      '&nbsp;</div>' + 
     '<div class="preloaderanimate">' + 
      '&nbsp;</div>' + 
    '</div>' + 
'</div>'); 

var new_loader = $('<div class="preloader_gif preloader hiddenn"> <img src="'+ mediaUrl +'/img/loader/712.gif" /> </div>'); 

$('#updatepreloader').append(loader); 
$('#updatepreloader').append(new_loader);} 

Answer 1

只需添加一個類hasLoader你想展示你的GIF提交後的形式，這樣就可以防止默認事件，加載GIF，然後表格將在提交後自動提交。對不起，但我很困惑showupdate（）和preparepreloader（）所以我希望這是一些東西，我明白了。

MVC

using (@Html.BeginForm("findpost", "keyword", FormMethod.Post, new { @id = "mainForm", @class = "hasLoader" })) 
{ 
    <button type="submit" class="btn-submit" name="s"></button> 
    <input name="query" type="text" id="query" value="@Model.search" placeholder=" ex: iPod"> 
    <input type="hidden" name="pos" value="" /> 
    <input type="hidden" name="dis" value="" /> 
} 

JS

$('.hasLoader').on('submit',function(e){ 
    e.preventDefault(); 
    var loader = $('<div class="preloaderwrapper hiddenn"></div>' + 
    '<div class="preloader hiddenn">' + 
     '<div class="prewrapper">' + 
      '<div class="eyeglass">&nbsp;</div>' + 
      '<div class="preloaderanimate">&nbsp;</div>' + 
     '</div>' + 
    '</div>'); 

    var new_loader = $('<div class="preloader_gif preloader hiddenn"> <img src="'+ mediaUrl +'/img/loader/712.gif" /> </div>'); 

    $('#updatepreloader').append(loader, new_loader); 
    $(this).off('submit').submit(); 
});