我要做的是通过图像(标准的三行菜单图像)触发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>