从jQuery获取Data-dir值并将其传递给PHP
问题描述:
我正在处理一个我找不到的问题。从jQuery获取Data-dir值并将其传递给PHP
我正在为我的网站创建一个菜单,我从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'));
})
});
可有人点我的方向是正确的?
谢谢你一堆。
编辑:这个问题的解决方案如下。我不明白我的代码足以查看正确的地方。
答
您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);
})
非常感谢!我现在明白它出错的地方了! – marciano 2013-03-13 10:44:47