jeditable propagation
hi, i'm using jeditable and I have nested elements all binded to jeditable. Problem is when I click on a nested element the click event gets triggered on the top most parent. How can I avoid this ?


    $(document).ready(function() {
     console.log('loading');
     $('div.wrapper').editable('edit/', { 
         loadurl   : 'edit/',
         //id        : 'section',
         name      : 'content',
         submitdata  : function(value, settings) {
             var section = $(this).parent('section').attr("data-section");
             return {
                 section: section,
                 type: 'ajax',
             }
         },
         loaddata  : function(value, settings) {
             var section = $(this).parent('section').attr("data-section");
             return {
                 section: section,
                 type: 'ajax',
             }
         },
         rows      : 6,
         width     : '100%',
         type      : 'textarea',
         cancel    : 'Cancel',
         submit    : 'OK',
         indicator : 'Saving changes',
         tooltip   : "Doubleclick to edit...",
         onblur    : 'ignore',
         event     : "dblclick",
         style     : 'inherit',
         callback : function(value, settings) {
             // console.log(this);
             console.log(value);
             console.log(settings);
             $('section[class^="annotation"]').each(function(index) {
                $(this).attr('data-section', index + 1);
             });
         }
     });
    });

Thanks!
jeditable propagation
===

hi, i'm using jeditable and I have nested elements all binded to jeditable. Problem is when I click on a nested element the click event gets triggered on the top most parent. How can I avoid this ?


    $(document).ready(function() {
     console.log('loading');
     $('div.wrapper').editable('edit/', { 
         loadurl   : 'edit/',
         //id        : 'section',
         name      : 'content',
         submitdata  : function(value, settings) {
             var section = $(this).parent('section').attr("data-section");
             return {
                 section: section,
                 type: 'ajax',
             }
         },
         loaddata  : function(value, settings) {
             var section = $(this).parent('section').attr("data-section");
             return {
                 section: section,
                 type: 'ajax',
             }
         },
         rows      : 6,
         width     : '100%',
         type      : 'textarea',
         cancel    : 'Cancel',
         submit    : 'OK',
         indicator : 'Saving changes',
         tooltip   : "Doubleclick to edit...",
         onblur    : 'ignore',
         event     : "dblclick",
         style     : 'inherit',
         callback : function(value, settings) {
             // console.log(this);
             console.log(value);
             console.log(settings);
             $('section[class^="annotation"]').each(function(index) {
                $(this).attr('data-section', index + 1);
             });
         }
     });
    });

Thanks!