点击按钮动态生成HTML节点，HTML节点上的单击事件不触发

xifan001

按钮事件
Model.prototype.button5Click = function(event){
                GetPostsNoByAreaId();
        };

function GetPostsNoByAreaId()
{
               
                            $.ajax({
                        type: "POST",
                        url: "http://"+ serverAddress +"/Service/ForumService.ashx",
                        data: {action:'LOADPostlistAll',num:postsNum},
                        dataType: "json",
                  async: false,
                        success: function (data) {


                var html2 = "";


        for(var i = 0;i < data.length;i++)
        {
                html2 +=  '  <li xid="li'+i+ '"> ' +
         '     <a component="$UI/system/components/justep/button/button" xid="postsA"  id="'+ data.postsId +'"  Data-Bind="click:onLinkNews"> ' +
          '      <div component="$UI/system/components/justep/row/row" class="x-row"' +
           '       xid="row3"> ' +
           '       <div class="x-col x-col-25 pic" xid="col17"> ' +
          '          <img src="'+ data.postsImagePath +'"/> ' +
           '       </div>  ' +
           '       <div class="x-col x-col-67" xid="col18" > ' +
           '         <div class="t-title t-text">' + data.postsTitile +  '</div> ' +
            '      </div> ' +
           '     </div> ' +
          '    </a> ' +
        '    </li>  ' ;


        }

        $('#postsListDivIndex').html(html2);
                   }
                    });

}
onLinkNews事件为什么不触发？

liangyongfei

动态创建html节点必须使用justep.Bind.addNodes
请参考：
http://doc.wex5.com/?p=4202#2.2

xifan001

var div = $(html2);
justep.Bind.addNodes($('#postsListDivIndex'),div);
这么写还是不行

liangyongfei

xifan001 发表于 2015-11-12 10:25
var div = $(html2);
justep.Bind.addNodes($('#postsListDivIndex'),div);
这么写还是不行

参数必须是dom节点对象！不能是jquery对象！，你先按照那个例子做下！是可以触发点击事件的！

xifan001

解决了，谢谢，可以结贴了