0

我正在使用引导模板，并且希望在针对平板电脑和智能手机查看菜单进行调整时，下拉菜单中会出现默认的“请选择页面”项目。据我所知，与下拉相关的现有脚本是：

    $cjq(".dropdown").hover(
    function () {
        $cjq(this).addClass("open");
    },
    function () {
        $cjq(this).removeClass("open");
    }
    );

$cjq("<select />").appendTo(".buttons-container");
$cjq(".buttons-container select").addClass('nav-select');

$cjq(".nav-collapse a").each(function() {
    var el = $cjq(this);

    if (el.parent().hasClass("active")){
        $cjq("<option />", {
            "selected": "selected",
            "value"   : el.attr("href"),
            "text"    : el.html().replace(/<i>.*<\/i>/gi,'')
        }).appendTo(".buttons-container select");
    } else {
        $cjq("<option />", {
            "value"   : el.attr("href"),
            "text"    : el.html().replace(/<i>.*<\/i>/gi,'')
        }).appendTo(".buttons-container select");
    }
});

$cjq(".buttons-container select").change(function() {
    window.location = $cjq(this).find("option:selected").val();
});

我尝试过集成以下内容，但我对 javascript 不是很熟悉，无法使其正常工作：

    $("<option />", {
   "selected": "selected",
   "value"   : "",
   "text"    : "Please choose page"
}).appendTo(".buttons-container select");

开发页面可以在这里查看。

如果有人有任何指示，我将不胜感激！

4

1 回答 1

0

在选项中添加选项select class="nav-select"

于 2013-05-08T13:00:26.627 回答