$ (this) .data ('dynamic_id') ist nicht definiert außer in der Warnung

Question

Wie verwende ich das Datenattribut, um eine dynamisch generierte ID aus einer Rails App an jQuery zu übergeben? Wenn ich es versuche, gibt der Wert undefined zurück, es sei denn, ich schicke es nur an eine Alarmbox.

Dieser Code (die den Debug-Link als Hack verwendet):

$(document).on "page:change", -> 
    $('.debug_link_id').click -> 
     alert $(this).data('dynamic_id) 

Zeigt die dynamic_id im Warnfeld.

jedoch den gleichen Selektor, dieser Code:

$(document).on "page:change", -> 
    jqVar = $(this).data('dynamic_id') 
    $('.debug_link_id').click -> 
     alert jqVar 

Shows "undefiniert" in der Warnmeldung. [mit .attr ('data-dynamic_id') gibt die gleichen Ergebnisse]

bitte mir sagen:

1. Warum der erste Code arbeitet und der zweite tut
nicht
2. Wenn es eine bessere ist Strategie für dynamische ids in jQuery

Answer 1

Versuchen Sie ziehen mit event delegationthis zu "#debug_link_id" innerhalb Handler einzustellen.

$(document).on "page:change", "#debug_link_id", -> 

Answer 2

Das liegt daran, dass Sie die this an der falschen Stelle beziehen ..

$(document).on "page:change", -> 
    $('#debug_link_id').click -> 
     alert $(this).data('dynamic_id)// <-- That "this" is referring a object with id debug_link_id 

$(document).on "page:change", -> 
    jqVar = $(this).data('dynamic_id') //<-- That "this" is referring a object that I don't know where this is come from... 
    $('#link_id').click -> 
     alert jqVar