在这种情况下，为什么Html没有附加到div

Question

我正在尝试动态地将html添加到现有的div

但是为什么没有这样做呢

这是我的程序

http://jsfiddle.net/y3aragzc/5/

<div class="cascade" id="T1">
</div>    

var datafort1 = ["One" , "Two" , "Three" , "Four" , "Five"];

var html = '<div>\
    <div class="lt_div">\
    <select id="T1Select" tabindex="1" style="width:100%;">';
  for (var i = 0; i < datafort1.length; i++) {
        var val = datafort1[i];
        if (val) {
            html += '<option value="' + datafort1[i] + '">' + datafort1[i] + '</option>';
        }
    }
html +=
        '</select>\
    </div>\
    <div class="row-fluid">\
    <div class="col9 pull-left" id="displayt11">\
    </div>\
    </div>\
    </div>';


 var plus = '<span>Hii</span>';

$("#displayt11").append(plus);

    $("#T1").append(html);


// For Change in T1
$(document).on('change', '#T1Select', function(event) {



});

请有人帮帮我。

Answer 1

您必须在$("#displayt11").append(plus);之后运行$("#T1").append(html);，因为$("#displayt11")的元素甚至不在dom中

Answer 2

试试这个：

$("#T1").append(html);

之前：

$("#displayt11").append(plus);