twitter bootstrap - Ember.js action won't play nice with data-toggle=dropdown -


i have action takes entire row of table. if user clicks on action, linked next page. have data-toggle=dropdown toggles drop down.

my problem arises when try click data-toggle=dropdown , instead/before dropdown can toggle, linked next page. don't want this. want link-to action span across entire row, not conflict other buttons inside of row.

<tr {{action 'actionthatlinkstonextpage' this.someid bubbles=false}}>   <td>     <a  data-toggle="dropdown" aria-expanded="false" class="btn btn-sm pull-right btn-sm-big-glyph dropdown-toggle ">       <div  class="glyphicon fa-lg glyphicon-remove fa-size " data-toggle="tooltip" data-placement="top" title="disabled" role="tooltip" >                     </div>                     </a>   </td>   <td>   </td> </tr> 

the problem when you're clicking dropdown toggle, event propagating dom tree table row. need stop bubbling before reaches tr action isn't triggered. should work:

$('a[data-toggle=dropdown]').click(function(event) {    event.stoppropagation(); }); 

Comments

Popular posts from this blog

javascript - How to synchronize the Three.js and HTML/SVG coordinate systems (especially w.r.t. the y-axis)? -

javascript - How do I find how many occurences are there of a highlighted string, and which occurence is it? -

java - Reading data from multiple zip files and combining them to one -