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