jQuery toggleClass() внутри on() не работает

Question

Это мой код JQuery, он (класс переключения) не работает.
Я предполагаю, что это контекст этого, но console.log() показывает что это правильный элемент.

// .dynamic-content AND ul are static. the event is delegated! 
$(".dynamic-content ul").on(
    'click', 
    ".point_element", 
    function(eve){ 
    $(this).css("border","2px solid green"); // works 
    $(this).toggleClass("selected");   // not working 
    $(this).prop("class","selected");  // works 
    $("input", this).trigger('click');  // works 
    } 
); 

HTML-:

<div class="dynamic-content"> 
<ul> 
<li id="point_element_2877" class="element point_element"> 
    <fieldset><label><input value="po7" type="checkbox"></label></fieldset> 
    <div class="inlined"> 
    <table> 
     <tr><td>some text</td></tr> 
    </table> 
    </div> 
</li> 
... 
... 

Answer 1

Как @ A.Wolff упомянул в своем комментарии, ответ в том, что код работает просто отлично.
проблема заключается в том, что запускающее событие, является отключив элемент ..

Answer 2

Если содержимое генерируется динамически, то вы должны передать событие в ближайший статический родитель или document попытку ниже:

$("staticParentID/Class").on('click', ".point_element", function (eve) { // static parent 

или это один:

$(document).on('click', ".point_element", function (eve) { // delegated to document 

---

Синтаксис:

$(delegatedParent).on(event, selector, callbackFn);