有没有办法在移动设备上使用图像触发HTML下拉菜单?

时间:2013-12-11 22:09:52

标签: javascript jquery css mobile

我要做的是通过图像(标准的三行菜单图像)触发HTML下拉菜单。手机似乎很好地处理HTML下拉菜单,我宁愿使用原生解决方案而不是其他任何东西。我现在有这个作为我的jquery,当移动网站被拉起时创建下拉,但我宁愿它看起来不像下拉列表。无论如何要做到这一点?

// Create the dropdown base
$("<select id='comboNav' />").appendTo("#combo-holder");

// Create default option "Go to..."
$("<option />", {
    "selected": "selected",
    "value"   : "",
    "text"    : "Navigation"
}).appendTo("#combo-holder select");

// Populate dropdown with menu items
$("#nav a").each(function() {
    var el = $(this);       
    var label = $(this).parent().parent().attr('id');
    var sub = (label == 'nav') ? '' : '- ';

    $("<option />", {
     "value"   : el.attr("href"),
     "text"    :  sub + el.text()
    }).appendTo("#combo-holder select");
});

 $('.select_button1').click(function() {
$('#comboNav').toggle();
  });

这是HTML

<a href="javascript:void(0);" class="select_button1">Click Me!</a> <div id="combo-holder">
                    <!-- Headline -->
                    <div id="headline">

                    </div>
                    <!-- ENDS headline -->          

                </div>

0 个答案:

没有答案