0

選択のオプション値のJSONデータを取り込むドロップダウンにプラグインを使用しようとしています。 http://designwithpc.com/Plugins/ddSlick

$('#myDropdown').ddslick({
    data:ddData,
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});

ここで、ddDataは、ドロップダウンのデータを持つJSON変数です。jQuery.getJSON（）を使用してサーバーからデータをプルしようとしていますが、2つの問題があります。

  1. データをキャッシュするにはどうすればよいですか？
  2. サーバーからjsondataを取得し、上記のこの関数に直接フィードするにはどうすればよいですか？

jQuery.getJSON（）の例を見ると、内部のデータを使用するためのコールバックが実行されます。そのため、結果を直接渡す方法がわかりません。

以下のようなものを探していましたが、機能しませんでした。

$('#myDropdown').ddslick({
    data:$.getJSON('ajax/test.json'),
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
4

1 に答える 1

0

データオブジェクトをddslick引数オブジェクトに渡したい場合は、 jQuery doc APIgetJSONを見るとわかるように、コールバック関数で作業する必要があります。 

$.getJSON('ajax/test.json', function(data) {
  var window.myCachedData = data;
});

$('#myDropdown').ddslick({
    data: windows.myCachedData || {},
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
于 2013-01-13T00:26:37.943 に答える