2014-03-31 75 views
0

我正在使用jqxWidgets樹菜單,似乎無法找到一種方法來捕獲jQuery中的標籤的單擊事件。有沒有辦法在jquery中捕獲這個標籤進行處理?我已經包含了相關的代碼片段,並會感謝您的專家建議。非常感謝捕獲標籤單擊事件

<script type="text/javascript"> 
    $(document).ready(function() { 
    var source = [ 
    { label: "Weekly Reports", expanded: false, items: [ 
     { label: "Intake" }, 
     { label: "Retrieval", selected: false }, 
     { label: "Returns", selected: false } 
    ] 
    }, 
    /*{ label: "Item 2" }, 
    { label: "Item 3" },*/ 
    { label: "Monthly Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
    /*{ label: "Item 5" }, 
    { label: "Item 6" }, 
    { label: "Item 7" }*/ 
    { label: "Movement Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
    { label: "Destruction Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
]; 
    var theme = ""; 
    // Create jqxTree 
    $("#jqxTree").jqxTree({ source:source, theme: theme }); 

    // Create jqxExpander 
    $("#jqxExpander").jqxExpander({ showArrow: false, toggleMode: "none", width: "262px", height: "auto", theme: theme }); 
    }); 
</script> 
+2

顯示此呈現的實際HTML以及您如何連接事件處理程序。 –

+0

沒有呈現的html。該樹使用發佈的代碼進行填充。如果我使用螢火蟲,這是代碼產生時,我選擇元素,然後單擊:

Intake
user1532468

+0

如果沒有呈現HTML,如何有人看到任何東西? –

回答

0

jqxTree對select事件具有內置回調。您可以捕獲此事件並檢索被點擊的標籤,如下所示:

$('#jqxTree').on('select',function (event){ 
    var args = event.args; 
    var item = $('#jqxTree').jqxTree('getItem', args.element); 
    var label = item.label; 
});