2014-01-12 92 views
1

我有一個獨特的小過濾器,我建了。這是一系列「狀態」按鈕。點擊每個按鈕可以列出一個列表。我通過ajax發送按鈕ID /狀態,搜索匹配的組合,返回值的json列表以顯示。在ajax.success上隱藏所有行,然後顯示json響應中的行。它在我的瀏覽器中很好用。但在我的手機上無法使用。 這裏是jQuery的部分...Jquery addClass/removeClass在瀏覽器中工作,但不在iPhone上

$(document).ready(function(){ 
    $(".pstat").click(function(){ 
     var id = this.id; 
     $("#" + id).toggleClass('btn-primary'); 

     $.ajax({ 
      dataType: "html", 
      type: "POST", 
      url: '/properties/active', 
      data: ({data:id}), 
      success: function (response){ 
       var obj = JSON.parse(response); 
       $("tbody tr").addClass("hidden"); 
       $.each(obj, function(key, value) { 
        $("." + value).removeClass("hidden"); 
       }); 
      } 
     }); 
    }); 
}); 

腳本的第一部分切換的按鈕,所以我可以告訴選擇哪些。狀態保存在會話中。

成功後...隱藏所有行...然後爲響應中的每個項目刪除隱藏的類。

返回的值是與類匹配的連接的一對值。 ie class =「封閉掛起」

就像我說的,在Chrome瀏覽器中工作得很好& FF,但是當頁面加載到我的手機上時,甚至不會執行初始的添加隱藏類。

網站是在CakePHP 2.3 Jquery 1.11已成功加載。 我正在使用BootstrapCake插件。 網站是一個私人crm,否則我會提供一個網址。

任何想法從哪裏開始尋找?

回答

0

作爲一個開始,我會採取一些措施來驗證您的success回調肯定是越來越呼籲iPhone:

1)添加console.log - 甚至是一個警告,如果你沒有一個方便的方法查看使用iPhone設置控制檯 - 檢查您收到您的success回調的響應:

success: function (response){ 
    var obj = JSON.parse(response); 
    console.log(obj); 
    // rest of your code 
} 

2)添加error回調函數來仔細檢查通過iPhone Ajax請求沒有失敗由於某種原因或其他:

success: function (response) { 
    ... 
}, 
error: function() { 
    console.log(arguments); 
} 

我很欣賞這個答案可能對晚會有點遲,但如果不是那麼希望它會給你一些有用的東西繼續下去。

相關問題