从jQuery获取Data-dir值并将其传递给PHP

Question

我正在处理一个我找不到的问题。

我正在为我的网站创建一个菜单，我从te数据库中获取所有值。我有四个项目：“任天堂”，“Playstation”，“XBOX”和“PC”。他们每个人都有一个唯一的ID。当其中一个项目被点击时，我想要取回该唯一ID。

随着这段代码让我的价值观打印出来在我的网站：

echo "<ul class=\"main_menu\">"; 

      while($names = $get_category_names->fetch_object()) 
      { 
       echo "<li data-dir=" . $names->id . ">" . $names->name . "</li>"; 


      } 

       echo "</ul>"; 

的部分“里的数据DIR =名字”无法按预期工作。我console.log我的值在jQuery中，但我得到相同的ID回来，这是1.但是，当我检查Firebug，我看到我得到我想要的，但这可能是因为HTML计数4李元素：

<li data-dir="1">Nintendo</li> 
<li data-dir="2">Playstation</li> 
<li data-dir="3">Xbox</li> 
<li data-dir="4">PC</li> 

这是我的jQuery代码：

$(document).ready(function() 
{ 

    var main_menu = $('ul.main_menu'); 
    var sub_menu = $('ul.sub_menu'); 

    sub_menu.hide(); 

    var find_li = main_menu.find('li'); 

    main_menu.on('click', function() 
    { 
     //sub_menu.fadeIn(200); 
     find_li.data('dir'); 
     console.log(find_li.data('dir')); 

    }) 



}); 

可有人点我的方向是正确的？

谢谢你一堆。

编辑：这个问题的解决方案如下。我不明白我的代码足以查看正确的地方。

Answer 1

您find_li是li的List这可能是为什么数据是不工作

，如果你尝试这样的事情应该工作：

var lis = main_menu.find('li'); 

lis.click(function() 
{ 
    //sub_menu.fadeIn(200); 
    var dir = $(this).data('dir'); 
    console.log(dir); 

})