jquery .getJSONがiphone safariで動かない!!

  プログラミング >     フロントエンド >  

$('#search_click').click(function() {
var search = $('#search_val').val();
if(search == ''){
return;
}
var param = {
ver : '8'
};
$.getJSON(url_1,param,function(dictionary) {
for (var i = 0; i < dictionary.length; i ++) {
var postion = dictionary[i].indexOf(search,0);

if(postion > -1){
$('#list').append("

• "+dictionary[i]+"

");
}

}
}, "json")
});
上記のようにクリックをトリガーにした場合

容量が大きいファイルの時　=>　失敗
小さい時　=>　成功

下記のように最初に読み込むようにするとiphone safariでもうまくデータが取得できた。

var dictionary = {};
$.getJSON(url_1,{ver:'8'},function(res) {
dictionary = res;
}, "json");

$('#search_click').click(function() {
var search = $('#search_val').val();
if(search == ''){
return;
}
for (var i = 0; i < dictionary.length; i ++) {
var postion = dictionary[i].indexOf(search,0);

if(postion > -1){
$('#list').append("

• "+dictionary[i]+"

");
}

}
});

追記
この記事も2013年ごろの記事で今ではjQuery自体を使ってない所が多いのかもです。

by プログラマーこまつ