Javascript 我有一个关于传播的问题（冒泡）

我有一些起泡的问题。我试过event.stopPropagation（）；还有一些我在互联网上遇到的解决方案，但我无法让它发挥作用

我有一个引导的主分区，里面有一张桌子。我希望标题可以点击并打开一个模式，我还希望每一行都可以点击并打开一个不同的模式。上述所有元素都填充了jQuery.data（）对象，我想在模式中使用这些对象。即使我尝试event.stoppropropoligation（），当我单击一行时，主div model和model函数都会激发（与冒泡一样）。你能给我指出正确的方向吗？因为我不知道我做错了什么，我现在已经试过很多例子了。这将是一个很大的帮助。非常感谢。代码：

 var mainbody = $('<div class="panel panel-default" id="' + tableId1 + '">\
                <div class="panel-heading">\
                    <button type="button" class="close" onclick="AppObj.removeSystem(this);">&times;</button>\
                    System: ' + name + 
              ' </div>' +
               '<table id="' + tableId2 + '"class="systems table"><thead>\
                  <tr><th> Product </th><th> DryFilm thickness min </th><th> DryFilm thickness Avg. </th><th> DryFilm thickness max </th></tr></thead><tbody></tbody>\
                </table>\
             </div>');
// Here I've been trying alot of examples to stop the bubbeling
mainbody.click(function (e) {
e.stopPropagation();
e.preventDefault();
AppObj.editSystem(this);
console.log(e.target, this);
});

 // The clickable rows....
var row = $('<tr class="productrow" onclick="AppObj.editProduct(this);"><td class="productname" style="cursor: pointer;">' + showName + '</td><td class="dryfilmmin">' + dryFilmMin + '</td><td class="dryfilmavg">' + dryFilmAvg + '</td><td class="dryfilmmax">' + dryFilmMax + '</td></tr>')[0];
$.data(row, 'productinformation', {
    systemId: tableId1,
    rank: rank,
    product: i,
    dryFilmMin: dryFilmMin,
    dryFilmMax, dryFilmMax,
    dryFilmAvg: dryFilmAvg
});
mainbody.find('tbody').append(row)

var mainbody=$（'\
\
&时代\
系统：'+name+
' ' +
'\
产品干膜厚度最小干膜厚度平均干膜厚度最大\
\
');
//在这里，我尝试了很多例子来阻止冒泡
主体。单击（功能（e）{
e、 停止传播（）；
e、 预防默认值（）；
编辑系统（本）；
console.log（例如，target，this）；
});
//可单击的行。。。。
变量行=$（''+showName+''+dryFilmMin+''+dryFilmAvg+''+dryFilmMax+''）[0]；
$.data（行“productinformation”{
systemId:tableId1，
等级：等级，
产品:我,，
dryFilmMin:dryFilmMin，
dryFilmMax，dryFilmMax，
dryFilmAvg:dryFilmAvg
});
mainbody.find（'tbody'）.append（行）

1。尝试使用jQuery2提供的委托

AppObj.editProduct（this）

此函数不仅应该说

ev.stopPropagation（）

，还应该说

returnfalse

3。检查ev.target，以防您想要区分单击的对象。谢谢您，好心的先生。这是一种魅力。委派方法是上帝派来的，我可能需要它在许多其他情况下，因为我随着这个项目！当我将事件委托给选择器时，是否确实需要stopPropagation（）？如果将同一事件附加到同一元素1的任何父元素上，则更可取。尝试使用jQuery2提供的委托

AppObj.editProduct（this）

此函数不仅应该说

ev.stopPropagation（）

，还应该说

returnfalse

3。检查ev.target，以防您想要区分单击的对象。谢谢您，好心的先生。这是一种魅力。委派方法是上帝派来的，我可能需要它在许多其他情况下，因为我随着这个项目！当我将事件委托给选择器时，是否真的需要stopPropagation（）？如果您将同一事件附加到同一元素的任何父元素上，则更可取