阻止子元素的数据切换

时间:2015-03-30 16:22:54

标签: twitter-bootstrap modal-dialog

我已将引导模态集成到表中,这样每当有人点击一行时,就会打开一个模态。我遇到的问题是,在该行中有一个按钮,还有一个数据切换到一个单独的模式。

<tr data-toggle='modal' data-target='some-modal'>
    <td>Something</td>
    <td>Something</td>
    <td><button data-toggle='modal' data-target='some-other-modal'></button></td>
</tr>

我已经想到了两个可能的解决方案,但是感觉不是那么漂亮。第一个也是最丑的是将数据属性添加到前两个标签并将其排除在第三个标签上,而不是特别是DRY。另一种方法是在事件处理程序中添加一些行以打开模态并添加一个条件以防止它打开“某些模态”。如果点击的来源是td中的按钮。

针对此类问题有哪些更简单的解决方案?

0 个答案:

没有答案