Question

我已使用以下代码在JSON文件中添加了一行li元素：

  //Load Level 1 
  $.ajax({
    url:'Anlagenliste.json',
    dataType: 'json',
    type: 'get',
    cache: false,
    success: function(data){
          $(data.Level1).each(function(index, value) {
            $(".level1 ul").append('<a href="'+value.url+'"><li>' + value.name + '</li></a>');
      });//end each
    }//end success
  });//end ajax

这些元素是我的侧边栏的一些元素。如果我将鼠标悬停在特定的li元素上，我想获取文本。使用此代码：

  //Get text of li element
  $('.level1 li').mouseover(function() {
    var cursel = $(this).text();
    console.log(cursel);
  });//end mouseover

如果我将鼠标悬停在li元素上，我就不会在控制台中显示任何文字。如果我删除＆＃34; li＆＃34; ＆＃34; .level1 li＆＃34;的一部分我得到了所有的li元素。

为什么它不适用于＆＃34; .level1 li＆＃34;？

Answer 1

您需要更改将函数绑定到li的方式，它需要是动态的，如下所示：

//Get text of li element
  $('<higher-element>').on('mouseover', '.level1 li', function() {
    var cursel = $(this).text();
    console.log(cursel);
  });//end mouseover

无法访问附加的li元素

1 个答案: