javascript - 函数不能作为另一个函数参数

Question

Failed Example

Original Example

谁能告诉我如何将 draggable 函数作为 clickit(一个 AJAX 函数)的参数传递？我想将 draggable 作为参数传递，以将其附加到动态添加的元素。我无法让它定义可拖动函数并将其传递给 clickit。

function clickit(fun){
  $.ajax({
        'url' : "url",
        'dataType' : 'json',
        'success' : function(data){
         var item_html ="";
            $.each(data.query.results.json,function(i,k){
                item_html += '<div class="dialog"><h3>'+k+'</h3></div>'
            });           
            $('.area').html(item_html);
            fun;         
          }
   });   
}
$('button').click(function(){
    var funpara = $('.dialog').draggable();
    clickit(funpara)
});

这是有效的:

function clickit(){
  $.ajax({
        'url' : "url",
        'dataType' : 'json',
        'success' : function(data){
         var item_html ="";
            $.each(data.query.results.json,function(i,k){
                item_html += '<div class="dialog"><h3>'+k+'</h3></div>'
            });           
            $('.area').html(item_html);
            $('.dialog').draggable();         
          }
   });   
}

$('button').click(function(){
    clickit()
});

看起来参数fun无法传递给success函数。

Answer 1

看起来您想要调用 fun，但目前您只是引用它而没有调用 ()

function (data) {
    var item_html = "";
    $.each(data.query.results.json, function (i, k) {
        item_html += '<div class="dialog"><h3>' + k + '</h3></div>';
    });           
    $('.area').html(item_html);
    fun();         
}

在您的上下文中，您似乎想要调用 $('.dialog').draggable()，因此 fun 应该看起来更像这样

function fun(o) {
    return $('.dialog').draggable(o);
}