PhoneGap中文网

标题: jquery mobile 如何动态的创建navbar [打印本页]

作者: litiangui 时间: 2014-10-23 16:56
标题: jquery mobile 如何动态的创建navbar
jquery mobile 在动态的创建navbar时候，navbar出现了两行，不是原来的那样

作者: 你懂的 时间: 2014-10-24 12:59
js创建它默认生成以后的代码

作者: litiangui 时间: 2014-10-24 16:21
有用js创建了，然后用这个进行refresh后，样式跟默认的不一样
$.widget(
            "mobile.navbar",
            $.mobile.navbar,
            {
                  options : {
                     iconpos : "top",
                     grid : null,
                     initSelector : ":jqmData(role='navbar')"
                  },

                  _create : function() {
                     var t = this;
                     t.refresh();
                  },
                  refresh : function() {
                     var $navbar = this.element,
                     $navbtns = $navbar.find("a"),
                     iconpos = $navbtns.filter(":jqmData(icon)").length ? this.options.iconpos: undefined;

                     $navbar.addClass("ui-navbar ui-mini").attr("role",
                              "navigation").find("ul").jqmEnhanceable().grid(
                              {
                                 grid : this.options.grid
                              });

                     $navbtns.buttonMarkup({
                        // corners : false,
                        //shadow : false,
                        //inline : true,
                        //iconpos : iconpos
                        icon: "",
                        iconpos: iconpos,
                        theme: null,
                        inline: false,
                        shadow: false,
                        corners: false,
                        iconshadow: false, /* TODO: Remove in 1.5. Option deprecated in 1.4. */
                     });

                     $navbar.delegate("a", "vclick", function(event) {
                        if (!$(event.target).hasClass("ui-disabled")) {
                              $navbtns.removeClass($.mobile.activeBtnClass);
                              $(this).addClass($.mobile.activeBtnClass);
                        }
                     });

                     // Buttons in the navbar with ui-state-persist class
                     // should regain their active state before page show
                     $navbar.closest(".ui-page").bind(
                              "pagebeforeshow",
                              function() {
                                 $navbtns.filter(".ui-state-persist")
                                          .addClass($.mobile.activeBtnClass);
                              });
                  }
            });

w.png (14.78 KB, 下载次数: 350)

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)