Tag: navigation

从动态创建的select选项调用时,JQuery Mobile changePage()片状?

我有一个带有简单选择菜单的Jquery Mobile页面。 Heroes: Choose One… Option 1 Option 2 在事件pageinit ,我使用jQuery来从.remove()选择菜单中的所有内容,然后我动态添加许多选项。 当然,我不会忘记刷新选择菜单。 function populateHeroNames(){ //populate hero select item $(‘#heroSelectMenu’).empty(); $(‘#heroSelectMenu’).append(‘Please Choose…’); for(var i=0;i<heroNameLength;i++){ if(heroName[i]){ var currentHeroName = heroName[i]; }else{continue;} $('#heroSelectMenu').append('’+currentHeroName+”); } //refresh hero select item var heroSelectMenu = $(“#heroSelectMenu”); heroSelectMenu.selectmenu(“refresh”); console.log(‘heroes added!’); } 我的问题是我无法成功导航到以编程方式创建的选项的不同页面。 我可以从硬编码选项中做到这一点。 当我点击硬编码选项时,我可以正常使用$.mobile.changePage() 。 但是从编程创建的选项中,我导航到的页面将消失,然后返回到初始页面。 在测试中,当我点击后退按钮时,我实际上是去了我的目的地。 所以很明显JqueryM已经导航到了目的地,但后来出于某种原因又回来了。 我怀疑原因是Jquery Mobile的奇怪DOM加载。 有什么我需要刷新……或者可能防止刷新? 只需导航到页面……并留在那里!

jquery添加删除类onclick

我有任何导航菜单! HOME PROFILE> CONTACTUS ABOATUS 现在,如何在单击任何(配置文件,Contactus,aboutus)后添加所选类,并使用Jquery删除所选的主页。 谢谢

垂直导航,使用JQuery显示隐藏的子菜单

我正在尝试制作一个与此Flash网站上的菜单类似的菜单: http://elevensix.de/ 当我点击“组合”时,只有子导航链接显示自己。 现在我只设法得到一个典型的垂直“在hover菜单上显示子导航”工作。 所需要的是,一旦它适当的菜单项,它的子菜单显示。 当子菜单项目hover在选中时,此子菜单仍然显示。 选择子菜单项时,显示内容,菜单和子菜单都保持可见(选定的菜单和子菜单项将显示不同的颜色以显示导航路径)。 呼。 这是我的HTML: about testimonials testimonial1 testimonial2 testimonial3 testimonial4 Services services1 services2 services3 services4 Gallery Contact 这是我的css: #nav { width:160px; position: relative; top: 250px; left: 20px; } #nav ul { margin:0px; padding:0px; } #nav ul li { line-height:24px; list-style:none; } #nav a { text-decoration: none; color: #9d9fa2; } #nav […]

从导航链接添加和删除活动类

我一直在寻找有关如何在链接中添加和删除类的教程,但遗憾的是没有任何成功。 所有早期的问题都给了我一些理解,但没有给我我想要完成的结果。 我试图通过在单击链接时添加和删除类来为我的导航设置活动状态。 以下是我对JavaScript的看法: $(document).ready(function(){ //active state $(function() { $(‘li a’).click(function(e) { e.preventDefault(); var $this = $(this); $this.closest(‘li’).children(‘a’).removeClass(‘active’); $this.parent().addClass(‘active’); }); }); }); 这是我的导航: Photography Web Print About Contact