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

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -