无法绑定单击功能

Question

我发现这个component用jquery创建它，我的问题是想要绑定a div内menu元素的组件元素中的点击{{单击时获取ID。它不起作用，我不明白为什么。有人能看到问题吗？

这是我的js

    $(document).ready(initialize);

    function initialize() {

    $('#hierarchybreadcrumb').menu({
        content: $('#menu').html(),
        backLink: false
    });

    $('#menu a').bind('click',obtenerId);   
}

    function obtenerId(){

        alert($(this).attr('id'));
    } 

here's my live demo

Answer 1

Aaaaa然后你看一下控制台（你的live演示）

Answer 2

在您的代码中进一步查看，<a>中的#menu个标记都没有ID，因此它会提示未定义。试着给他们ids。这就是我要开始的地方。

Answer 3

$('a').bind('click',obtenerId);

请注意，我认为你想将它绑定到实际的特定菜单按钮......

$('#hierarchybreadcrumb').bind('click', function)

Answer 4

我修改了一下，得到了我认为你想要的结果。

$(document).ready(function () {
   $('#menu a').click(obtenerId);   
});

function obtenerId(){
    $("#menuSelection").html($(this).attr('id'));
}

<div style="display:table-row">
    <ul id="menu">
        <li><a href="#" id="1">opcion 1</a></li>
        <li><a href="#" id="2">opcion 2</a></li>
    </ul>
</div>
<div style="display:table-row">
    <p id="menuLog">Elegiste: <span id="menuSelection"></span></p>
 </div>