Tablesorter: не удается щелкнуть раскрывающееся меню в заголовке

Question

В голове у меня есть статическое раскрывающееся меню, чем при изменении, перезагружается страница с данными в столбце, выбранном в раскрывающемся списке. Если я включу tablesorter, щелчок сортирует таблицу, но делает недоступным недоступное. Я сделал ccs, чтобы показать стрелки, поэтому я могу нажать рядом с раскрывающимся списком.

Так что я хочу достичь: Щелчок рядом с раскрывающимся списком в теге головы должен сортировать таблицу. Нажатие на раскрывающееся окно позволяет вывести (и перезагружает).

PS JQuery версии 1.7.1 (не может обновить!)

Основной код:

<style> 
    table.tablesorter thead tr div span { 
     padding: 0px 8px; 
     cursor: pointer; 
    } 
</style> 
<table class="tablesorter"> 
<thead> 
    <tr> 
     <th class="header"> 
      <div> 
       <span></span> 
       Kolommen: 
       <select>...</select> 
      </div> 
     </th> 
     ... 
<script> 
<!-- 
    $(function() { 
     $("table.tablesorter").tablesorter(); 
     $("select").on("click", function (e) { 
      e.stopPropagation(); 
      // do something 
     }); 
    }); 
//--> 
</script> 

... который не работает. Исходя из предложенного ниже, я теперь на шаг ближе, так как теперь он останавливает сортировку при нажатии на раскрывающееся окно, но он все еще не открывает его.

Answer 1

Используйте следующий код ... привязки к "MouseUp" и предотвратить распространение остановить щелчок от сортировки столбца (demo):

$('select').on('mouseup', function (e) { 
    e.stopPropagation(); 
    // do something 
}); 

Answer 2

Это похоже на работу:

$("select").on("mousedown click", function (e) { 
    e.stopPropagation(); 
});