2010-01-20 34 views
0

我有一个带有标签的侧面菜单,它下面定义了菜单项并且是动态生成的。当用户点击任一项目,下面的代码必须执行:点击任何标签都必须执行JQuery功能

$("#label").click(function(event)){ 
    $.get(
     "../../phplibraries/productlist.php", 
    { 
     ControlName: 'ulCategoryName', 
     Category: 'Beverages' 
    }, 
    function(data) { 
     $('#divList').html(data); 
    }); 
}); 

我不是下面如何捕捉单击任何标签,实际上是一个菜单项上。

- 编辑 -

侧菜单的HTML是如下:

<?php 
    error_reporting(E_ALL^E_NOTICE); 
    ini_set('display_errors', '1'); 

    require_once('dbaccess.php'); 

    $ulName = $_GET['ControlName']; 
    $category = $_GET['Category']; 

    $result=mysql_query("SELECT pname FROM products WHERE category='".$category."'"); 
?> 
<ul id="<?php echo $ulName; ?>" name="<?php echo $ulName; ?>"> 
<?php while($row=mysql_fetch_array($result)) 
{ ?> 
    <label id="lblCategory" name="lblCategory" style="font-size:medium;"><?php echo $row[1]; ?></label><br /> 
    <!--<li style="font-size:medium;"><?php echo $row[1]; ?></li>--> 
<?php } ?> 
</ul> 
+1

你还可以发布你的侧边菜单的HTML? – 2010-01-20 12:16:37

回答

1

。一般来说,您可以在创建菜单时使用所需的选择器来定义您的行为,并且所有动态创建的元素对这个选择器都会产生相同的行为。

+0

太好了。有效。 – RKh 2010-01-20 12:42:15

0

尝试删除哈希(#):

$("label").click(function(event)){ 
    $.get("../../phplibraries/productlist.php", {ControlName: 'ulCategoryName', Category: 'Beverages'}, 
    function(data){ 
     $('#divList').html(data); 
    }); 
}); 

这将绑定EVERY标签。你可能想限制它。例如。

$("#SomeContainerDiv label").click(function(event){ 
3

你有一个语法错误中的第一行:

$("#label").click(function(event)){ 

应该是:

$("#label").click(function(event) { 

和删除哈希(#)。 #something表示select element with ID 'something'。由于您想将此事件处理程序绑定到所有标签,只需使用$('label')即可。

有关如何选择各种元素的更多信息,请参阅jQuery的manaul on Selectors。如果你需要动态加载标签以获得您所描述的行为,可以考虑使用jQuery live()从您的代码休息

+0

谢谢。看看我的OP的编辑版本。 – RKh 2010-01-20 12:23:03

+0

OP的意思是原创海报:)所以你知道:) – 2010-01-20 12:27:17

+0

我有一个概念,它是原始邮政。 – RKh 2010-01-20 12:29:16

0

删除“#”将罚款

+0

它不工作 – RKh 2010-01-20 12:39:51

+0

如果您的标签生成动态,那么你必须使用现场jQuery的功能, $('label')。bind(function(){}); – chirag 2010-01-21 04:41:15

0

因为您是动态生成的,所以我会考虑使用.live('click'...)功能。