2010-01-20 62 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'...)功能。