的jQuery +循環中的jsfiddle

Question

我有以下腳本，我似乎無法得到jsfiddle工作不工作？

var $widget = $("<div class='widget widget_" + i + "'>").appendTo($(".column_" + j); 
$("<div class='widget_header widget_header_" + i + "'>").appendTo($widget); 
$("<div class='widget_sub_header widget_sub_header_" + i + "'>").appendTo($widget); 
$("<div class='widget_content widget_content_" + i + "'>").appendTo($widget); 
$("<div class='widget_footer widget_footer_" + i + "'>").appendTo($widget); 

Answer 1

腳本出現錯誤。你忘了在下面的行右括號：

var $widget =     // --------------------------------------v 
    $("<div class='widget widget_" + i + "'>").appendTo($(".column_" + j)); 

DEMO：http://jsfiddle.net/wq6Cc/18/

Answer 2

你必須改變這種

var $widget = $("<div class='widget widget_" + i + "'>").appendTo($(".column_" + j); 

到

var $widget = $("<div class='widget widget_" + i + "'>").appendTo($(".column_" + j)); 

，它會工作完美。

Answer 3

與你的問題無關，用一點嘮叨你的代碼可能會更清潔。

$('#divMain').empty() 
    .append($('<div>').addClass('column column_1')) 
    .append($('<div>').addClass('column column_2')) 
    .append($('<div>').addClass('column column_3')); 

$('.column').sortable({ 
    tolerance : 'pointer', 
    connectWith : '.column' 
}); 

for (var j = 1, i; j <= 3; j++) { 
    for (i = 0; i <= 2; i++) { 
     $('<div>').addClass('widget widget_' + i) 
      .append($('<div>').addClass('widget_header widget_header_' + i)) 
      .append($('<div>').addClass('widget_sub_header widget_sub_header_' + i)) 
      .append($('<div>').addClass('widget_content widget_content_' + i)) 
      .append($('<div>').addClass('widget_footer widget_footer_' + i)) 
      .appendTo('.column_' + j); 
    } 
}