Tag: 导航

如何获取键盘上的箭头键以触发博客中的导航(上一页/下一页)链接

我到目前为止拼凑在一起的脚本看起来像这样: /* KEYNAV */ document.onkeydown = function(e) { if (! e) var e = window.event; var code = e.charCode ? e.charCode : e.keyCode; if (! e.shiftKey && ! e.ctrlKey && ! e.altKey && ! e.metaKey) { if (code == Event.KEY_LEFT) { if ($(‘previous_page_link’)) location.href = $(‘previous_page_link’).href; } else if (code == Event.KEY_RIGHT) { if ($(‘next_page_link’)) […]

单击后通过JavaScript动态创建jQuery Mobile页面

我的jQuery Mobile应用程序由一个index.html页面组成,并且在启动时只包含一个带有链接的页面: start 当用户单击开始链接时,我想异步地从我的JSON api加载https://stackoverflow.com/questions/6050384/dynamically-create-jquery-mobile-page-via-javascript-after-clicking/startPage的内容。 在回调中,我想通过JavaScript为https://stackoverflow.com/questions/6050384/dynamically-create-jquery-mobile-page-via-javascript-after-clicking/startPage创建所有必需的DOM元素,并将内容添加到它。 我为此创建了一个createStartPage(data)方法。 实现这种动态创建的页面的正确方法是什么,以便打开index.html#https://stackoverflow.com/questions/6050384/dynamically-create-jquery-mobile-page-via-javascript-after-clicking/startPage也可以工作? 我认为应该有一种方法来挂钩$.mobile.changePage()以包含自定义加载/页面创建代码,但我没有找到任何东西。 或者这个问题有更好的解决方案吗?

使用jQuery的Tab行为

我的表格中有一些文本框。 我不知道他们的id值。 我想按Enter键将光标位置从现有位置更改为下一个字段。 注意第一次光标可能处于不同的位置。 你的建议是什么?

页脚隐藏浮动导航 – 一旦到达页脚,任何方式将浮动导航向上滑动?

我正在尝试向侧栏添加浮动导航。 在你开始滚动之后,我将jquery浮动到导航到顶部。 它在顶部工作正常,但一旦到达底部,页脚就会隐藏导航。 一旦达到某个点,导航就需要向上滚动。 有解决方案? $(document).ready(function () { var top = $(‘#floatingNav’).offset().top – parseFloat($(‘#floatingNav’).css(‘marginTop’).replace(/auto/, 0)); $(window).scroll(function (event) { var y = $(this).scrollTop(); if (y >= top) { $(‘#floatingNav’).addClass(‘fixed’); } else { $(‘#floatingNav’).removeClass(‘fixed’); } }); }); 这是一个例子: http : //psidev.inhousewp.synergydatasystems.com/products/

将活动类添加到当前页面导航链接

嗨,我需要帮助使我的导航显示当前页面上突出显示的活动链接。 换句话说,当我点击链接转到新页面时,我希望在打开新页面后突出显示该链接。 我可以通过在每个页面上的活动链接添加一个类来处理这个问题,但由于会有很多页面,我宁愿用JS动态地执行此操作。 我怎么能用Javascript做到这一点?…我将非常感谢你的帮助,谢谢。 下面是我正在使用的代码,您可以随意编辑。 这是HTML,只是一个结构导航的列表 About SfT page1 page2 Textpattern Typo Your Life page3 Ruby Python PERL Java C# Your Health Bookalicious Apple Nikon XBOX360 Nintendo Your Call Yahoo! Google Ask.com Live Search CSS(非常小,仅用于测试目的): body { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; } p { line-height: 1.5em; } #main {font-size:2em;} ul.menu, ul.menu ul { […]

使用Jquery在导航菜单中突出显示父链接

我正在使用以下Jquery来突出显示导航中当前页面的链接。 // Add Active Class To Current Link var url = window.location; // get current URL $(‘#nav a[href=”‘+url+'”]’).addClass(‘active’); 我的导航看起来像这样: Home About Us Sub Link 1 Sub Link 2 Sub Link 3 Products Contact 导航具有“关于我们”部分的子视图。 我想让“关于我们”链接接收“活动”类,这样当我在其子查询页面上时它会保持突出显示。 因此,例如,如果我在“子链接2”页面上,则“关于我们”链接将被赋予活动类。 任何人都能指出我在正确的方向吗? 谢谢你的帮助

使用jQuery进行主动导航 – 无法将默认类应用于锚点

我目前正在尝试创建一个导航菜单,其中活动类应用于具有与当前URL匹配的href的锚点,因此我可以使该锚点的样式使其从菜单的其余部分中脱颖而出。 这是我的加价: Navigation menu Menu item 1 Menu item 2 Menu item 3 Menu item 4 Menu item 5 这是jQuery: jQuery(function($) { // get the current url var path = location.pathname.substring(1); // defining the top subnav anchor var $top_item = $(‘#sidebar h2:nth-child(2) a’); // defining all subnav anchors var $all_items = $(‘#sidebar h2.subnav a’); // […]

用jQuery提升多个父母 – 更有效的方式?

所以,我有一个列表导航,并有子列表和子列表。 基本上,导航默认是折叠的,但是如果人们点击子列表中的页面,我想显示父列表。 如果它是子列表的子列表,我需要显示两个父列表。 我已经设置了,但是,我不喜欢将5 .parent()。parent()向上移动以扩展列表。 有更有效的方法吗? HTML: Welcome to Beat Basics and Beyond What’s in this course? Defining Your Beat Boundaries of Your Beat The Beat Description Activity: Build Your Own Beat Description Getting Started Debrief Your Predecessor Activity: List The Top Five Tips From Your Predecessor Covering Your Beat With The Internet Get in […]

Fancybox 2可见导航箭头

Fancybox 2.0是否可以始终保持图像库导航箭头可见? 而不是仅仅在hover时可见。

JQuery滚动/分页选项卡

我正在尝试为网站创建一个简单的标签栏,该标签栏能够滚动页面上不适合的标签。 这非常简单,不需要任何ajax或动态加载的内容……它只显示所有选项卡,当您单击一个选项卡时,它会将您带到另一个页面。 我在互联网上搜索过,除了以下内容之外似乎找不到任何东西: http : //www.extjs.com/deploy/dev/examples/tabs/tabs-adv.html但是这个非常沉重和复杂…我是在jquery中寻找一个轻量级的例子。 如果有人可以提供帮助,我将不胜感激!