0

この jQuery コードを YUI3 に変換するにはどうすればよいでしょうか?

$(document).ready(function() {
         $.getJSON('file.php?path=<?php echo $_GET['path']; ?>&callback=?', function (data) {
            $("#filemanager-ajax").html('');
            $.each(data, function (i, item) {

                $("#filemanager-ajax").append('<a class="link" href="' + item.id + '"><div class="product" data="' + item.path + '"><img src="' + item.thumb + '" title="' + item.thumb + '" class="thumbnail"/><div class="title">' + item.name + '</div><div class="description"></div>&nbsp;&nbsp;&nbsp;<strong>Filesize:</strong> ' + item.size + '<div style="clear:both;height:8px;"></div>&nbsp;&nbsp;&nbsp;about ' + item.date + ' ago<div style="clear:both;height:8px;"></div></div><div class="clear"></div></div></a>');

             });
         });
     });

YUIではこのようになることを私は知っています

YUI().use('json-parse', 'json-stringify', function (Y) {
    // JSON is available and ready for use. Add implementation
    // code here.
});

しかし、JSON データを DIV 要素にビルドし、+item.id+、+item.thumb+ などを介して出力するにはどうすればよいですか?

4

1 に答える 1

0

JSONP モジュールを使用する必要があると思います。

http://yuilibrary.com/yui/docs/jsonp/

コールバック内では、次を使用できます。

var node = Y.one("#filemanager-ajax");
node.empty();

Y.each(data, function(item, i) {
  node.append(...);
});
于 2013-03-03T04:55:42.087 に答える