0

HTML からバックボーン JS ファイルに移動するときに e.target.getAttribute('data-text') の値が null になる理由を理解しようとしています。

HTML:

  <script type="text/template" id="lesson-template">
   <span id="lesson-title"><%= tracks[0].title %></span>
   <select class="sel">

    <% _.each(tracks, function(track) { %>
      <option value = "<%= track.text %>" data-text="<%= track.title %>"><%= track.title %></option>
      <% }); %> 
  </select>
  <p id="tracktext"><%=  tracks[0].text %></p>

</script>

JS:

window.LibraryLessonView = LessonView.extend({
events: {
    "change .sel " : "changeText"
},

changeText: function(e) {
alert(e.target.getAttribute('data-text')); //I am getting a null value here!
document.getElementById("lesson-title").innerHTML= e.target.getAttribute('data-text'); //I am getting a null value here as well
document.getElementById("tracktext").innerHTML= e.target.value;

}

説明や助けをいただければ幸いです!!

4

2 に答える 2

0

ターゲットを取得するには、jQuery をラップする必要があります。

$(e.target).attr('data-text');
于 2013-10-06T21:55:34.413 に答える