Question

我正在使用基础下拉

你可以在这看一下：

http://foundation.zurb.com/docs/components/dropdown.html#

我使用以下代码

创建了一个下拉列表

<a href="#" data-dropdown="drop1" >Date Range  </a>
    <ul id="drop1" class="f-dropdown large date-menu" drop-down-content>
        <li id="custom">Custom</li>
        <li id="today">Today</li>
        <li id="yesterday">Yesterday</li>
        <li id="sundaytoToday">This Week(Sun-Today)</li>
        <li id="montoToday">This Week(Mon-Today)</li>
     </ul>

我想获取所选元素的值/ id

我尝试过如下，但它无法正常工作

'click #drop1 li':"changeDateRange",

changeDateRange : function(event)
    {
        var ss=$(this).attr('id');
        console.log(ss);
        if(ss=="custom")
        {
            console.log("custom if");
        }
    },

Answer 1

试试这个：

...
var ss = event.currentTarget.id
...

Answer 2

因此在骨干中，委托事件的“this”绑定到类本身。所以你必须使用“event.currentTarget”

    'click #drop1 li':"changeDateRange",

changeDateRange : function(event)
    {
        var ss=$(event.currentTarget).attr('id');
        console.log(ss);
        if(ss=="custom")
        {
            console.log("custom if");
        }
    },

目标骨干中的选定列表项目

2 个答案: