Tag: 导航

jQuery：触发关闭移动导航菜单

我有一个非常基本的jQuery点击function，可以切换移动导航菜单的显示 – 由媒体查询触发的汉堡包式 – 如下所示： // mobile menu click function $(“.mobile-nav-toggle”).click(function () { $(“.mobile-nav-menu”).slideToggle(); }); 因此，单击.mobile-nav-toggle div会触发位于主标题栏下的.mobile-nav-menu的外观。 我的问题是 – 通过点击/点击菜单本身以外的任何地方，通过jQuery触发关闭/隐藏菜单有一个简单的方法吗？ 目前，人们只能通过重新点击/点击切换按钮来关闭菜单。 感谢您的任何见解。

WordPress中的AJAX导航 – 永久链接的麻烦

所以我在这里： 我编写了一个博客主题，它类似于桌面上有很多东西，可由用户拖动，移动元素等等。 博客的主要部分放在一本书中，您可以使用页面标记和翻页来浏览这些类别。 为了给用户提供他/她实际使用“书籍”的印象，我首先使用了复杂的结构（主要关注页面标记的位置）： 每个类别都使用自己的模板（category-4.php，category-5.php等） single.php导致对类别敏感的模板（共6个类别） 当我完成后，我发现图形元素导致的流量太多，因为每次点击都会重新加载，页面速度非常慢。 所以我想到了一个AJAX解决方案，最后使用了ezjax解决方案（http://www.fluidbyte.net/index.php?view=simple-ajax-content-changer-with-ezjax），它基本上是一个允许的脚本所有在index.php中某个div内具有某个类加载的href。 当链接的内容被加载到div中时，我保存了其他模板文件中的交互式背景的代码（以及这种方式的流量），这样就是流量。 您可以在此处查看正在运行的页面，了解导航的工作原理。 基本上这正是我想要的，但它仍然会导致一些麻烦： 作为单个post，类别的模板文件，例如不包含背景，你不能真正使用永久链接。 你实际上可以这样做，但它看起来像页面的一半（http://www.palimpsest.eu/2011/02/01/differenzierung/）。 访问者对内容的“正常”视图显然非常重要。 出于某种原因，一些需要与post的ID（如Sexybookmarks或Flattr）挂钩的插件不起作用。 我猜原因与1.问题有关。 现在这是我的方法，我想问你哪一个你认为最好采取（或者可能给出一些解决问题的其他方法的灵感）： 导致single.php询问您是否浏览内联或来自外部网站，然后导入两个不同的模板（一个简短的模板和一个包含所有图形内容的模板）。 在这种情况下，我不知道如何让single.php实现你即将到来的地方。 我想过使用AJAXed WordPress但我不确定它是否适合我的需求。 我也没有看到很多关于导航模块的文档。 任何其他不会刷新临时Internet文件中已有内容的方法。 我真的很感激能得到如何应对这个问题的建议。 最好的问候，劳拉

删除浏览器页面底部的目标url链接

在每个浏览器中，当我将光标停留在可点击链接上时，页面底部会显示此链接的目的地，我将在点击时重定向。 是否可以使用jQuery隐藏它？ 也可以隐藏地址栏或将其设置为空白，以隐藏实际页面？ （例如只显示域名）谢谢

页面加载后突出显示当前页面

需要帮助……我有这个导航栏 OVERVIEW DETAILS QUESTIONS REVIEWS 有很多提交按钮可以保存页面的编辑输入。 例如，更改名称或添加注释等。保存/编辑后加载页面时，URL会更改。 [start？ertrer％sdsde％srerte成为开始？另外％^ url但页面保持不变]如何在页面加载时将类保持为当前状态？ 我曾经使用过这个脚本，但是当页面加载脚本时，url会发生变化。 var url = window.location.href; // passes on every “a” tag $(“#nav a”).each(function() { // checks if its the same on the address bar if(url == (this.href)) { $(this).closest(“li”).addClass(“current”); } }); 救命 ？？？？

将上一个/下一个按钮添加到针对DIVS的水平内容滚动条

我已经为div上的一些滚动实现了jQuery Custom Scroller ，这非常有用。 我甚至使用平滑滚动来水平滚动到某些DIV但我的问题是我想要一个下一个和上一个导航按钮，我无法在任何地方找到它。 下面是我的HTML和jQuery。 先谢谢 the cedarburg CSS： #source-container{ overflow-x: hidden; overflow-y: hidden; } .source-item{ float: left; display: inline-block; background-repeat:no-repeat; background-size:cover; background-position: center; -moz-background-size: cover; } #source-container .one{background-image:url(images/source/1-the-cedarberg.jpg);} #source-container .two{background-image:url(images/source/2-the-cedarberg.jpg);} #source-container .three{background-image:url(images/source/3-the-cedarberg.jpg);} #source-container .four{background-image:url(images/source/4-the-cedarberg.jpg);} #source-container .five{background-image:url(images/source/5-the-cedarberg.jpg);} #source-container .six{background-image:url(images/source/6-the-cedarberg.jpg);} #source-container .seven{background-image:url(images/source/2-our-farm.jpg);} #source-container .eight{background-image:url(images/source/1-our-farm.jpg);} #source-container .nine{background-image:url(images/source/3-our-farm.jpg);} #source-container .ten{background-image:url(images/source/4-our-farm.jpg);} #source-container .eleven{background-image:url(images/source/1-our-rooibos.jpg);} #source-container .twelve{background-image:url(images/source/6-the-cedarberg.jpg);} #source-container .thirteen{background-image:url(images/source/1-the-cedarberg.jpg);} #source-container […]

嵌入式JSF 2.0应用程序导航案例的问题

我正在研究JSF电子表单应用程序。 此应用程序需要嵌入另一个Web站点（一个用JSP编写）。 我可以嵌入这个的唯一方法是在文档准备阶段通过jQuery。 我已经拥有了所有需要嵌入的页面，所有内容都按预期显示，但有一个问题。 在我的新表单/编辑表单网页上，我有一个提交按钮，用于更新表单或在服务器端创建一个新表单，然后在操作完成后导航到成功的屏幕或故障屏幕。 嵌入此页面时，此按钮仍然在服务器上执行操作（太棒了！）但是，正如预期的那样，将页面重定向到成功屏幕。 我想要做的是留在“父”屏幕上，只需用成功页面/失败页面替换嵌入页面。 我认为我可以采取的方式是以某种方式拦截JSF中的导航事件并从该事件重新加载嵌入页面。 这里的关键是在提交后不离开父页面。 我在Tomcat 6上运行JSF2.0（Apache impl。），jQuery版本是1.3。 我希望这很清楚..如果你们需要更多信息，请告诉我。 谢谢！

JQuery在无序列表问题中等距离导航链接

我正在编写一个JQuery脚本，它使用margin-right在包含 内部均匀地分隔可变大小的水平导航链接。 算法是： 答：获取 容器的宽度。 B：添加容器内所有 项的宽度。 C：通过从A中减去B并除以容器中 项目的数量减1来计算除最后 之外的每个项目的右边距。 但是在我的算法或代码中存在缺陷，因为链接溢出容器。 这是我的代码。 你能帮帮忙吗？ 谢谢，-Northk var containerWidth = $(‘#main-nav ul’).width(); var linksWidth = 0; $(‘#main-nav ul’).children().each(function() { linksWidth += $(this).width(); }); var linkSpacing = Math.floor((containerWidth – linksWidth) / ($(‘#main-nav ul’).children().length – 1)); $(‘#main-nav ul’).children().css(‘margin-right’, linkSpacing + “px”); $(‘#main-nav ul’).children().filter(“:last”).css(‘margin-right’, 0); HTML看起来像： home link-number-2

jquery当前导航项目选择器

我无法弄清楚如何使用jQuery来设置当前导航项的样式。 我已经尝试了几个教程，但无济于事。 任何帮助，将不胜感激。 提前致谢。 Contact Gallery Pool Liners Services About Home /** nav styling **/ //

需要jQuery导航辅助

我有一个基于jQuery的手风琴风格导航，我试图修改。 它使用此代码： $(‘.interior #subContent > ul > li > a.drop’).click(function(){ $(this).parent().children(‘ul’).toggle(“slow”); return false; }); 我需要能够对活动页面所在的部分保持开放状态。 我可以突出显示与CSS的活动链接，但可以使用一些好的建议，让它对活动部分保持开放。 导航如下： Products New Products Ink Systems Specialty Inks Environmental Inks White Plastisol Inks Plastisol Bases Plastisol Ink Series Non-PVC Water-Based System Modifiers & Additives Complete Product Listing Technical Information Technical Data Sheets MSDS Online Color Card Mixing System Software […]

使用JS切换/显示一个已定义的DIV

我有一个小提琴： http ： //jsfiddle.net/vSs4f/ 我想通过简单点击a.haschildren来显示div.sub-menu 。 如果正文加载div.sub-menu应该关闭。 如果我在a.haschildren div.sub-menu二次点击，则div.sub-menu应该关闭。 我已经采样了很多东西，但我认为DIV的问题很多。 一个想法是小提琴。 $(function() { $(“a.haschildren”).click(function(e) { e.preventDefault(); $(‘div.sub-menu:visible’).hide(); $(this).next(‘div.sub-menu’).show(); }); }); 我真的希望你能帮助我，谢谢！