Tag: tabs

jQuery选项卡 – 页面上有多个集合

这是我发布的上一个问题的后续内容，但我无法让它工作.. 我试图在一个页面上使用多组选项卡（jQuery）。 这是我用于一组选项卡的代码，它非常有用： $(‘div.tabs div.tab’).hide(); $(‘div.tabs div:first’).show(); $(‘div.tabs ul.htabs li:first a’).addClass(‘current’); $(‘div.tabs ul.htabs li a’).click(function(){ $(‘div.tabs ul.htabs li a’).removeClass(‘current’); $(this).addClass(‘current’); var currentTab = $(this).attr(‘href’); $(‘div.tabs div.tab’).hide(); $(currentTab).show(); return false; }); 要在页面上使用多个集合，我为每个标签集分配了#id，并尝试使用以下方法来实现： $.each([‘#tabs-1’, ‘#tabs-2’, ‘#tabs-3’ ], function(id) { $(id + ‘div.tab’).hide(); $(id + ‘div:first’).show(); $(id + ‘ul.htabs li:first a’).addClass(‘current’); $(id + ‘ul.htabs li a’).click(function(){ $(id + […]

用不同的锚重新加载页面

刚陷入一个问题。 我有一个包含Jquery UI选项卡的页面。 通过向链接添加哈希标记，可以从不同页面访问每个选项卡，并使用我需要的选项卡加载页面。 但是，我还需要访问同一页面中的不同选项卡。 我想到的是将hash =“_ parent”添加到带有hash标签的链接： 它完成了我需要的东西，但仅限于IE。 它会使用不同的哈希标记重新加载页面，但由于某种原因，Chrome和Firefox每次都会加载相同的标签。 我需要的是为链接创建一个javascript函数，它将完全重新加载具有不同哈希标记的页面 。 我想出了这段代码： function gototab(reload) { window.location.href = ‘https://stackoverflow.com/questions/13770741/reload-page-with-different-anchor/pictures.htm’; window.location.reload(true); } open tab 2 我觉得我几乎关闭了它，但我的脚本出了问题。 有人可以帮我解决吗？ 谢谢！

jQuery如何通过输入文本字段使Enter（Return）充当Tab键，但最后触发提交按钮

我已经阻止了Enter（返回）键，实际上，它在Tab键中被转换了。 因此，当在输入文本字段内按下时，它将充当Tab键。 这很好，但我需要它在最后一个字段中按下时触发提交按钮，下面是Enter键变异的代码： $(‘input’).keydown(function(event) { if(event.which == 13) { event.preventDefault(); $(this).nextAll(‘input:first’).focus(); } }); 表单代码是输入类型=“文本”的序列，最后是一个按钮类型=“提交” [编辑]实际上代码是这一个，取自jquery：在特定部分输入到Tab触发器 。 但我不知道为什么昨天工作不起作用： $(‘:text’).keydown(function(e) { if(e.keyCode == 13 && $(this).attr(‘type’) != ‘submit’) { e.preventDefault(); $(this).nextAll(‘input:first’).focus(); } });

从另一个网页上的链接中选择JQUERY选项卡中的锚点

我是JQuery和Javascript的新手，希望你能解决我的问题。 我正在使用JQuery 1.7.2和JQuery-ui 1.10.3选项卡。 从外部URL，我希望能够链接到位于JQuery选项卡中的锚点，但是选项卡名称本身也是一个锚点。 我知道如何激活锚点所在的选项卡 eg http://mysite.com/#tab-1 但是我从哪里去？ 如何从URL中指定要链接到tab-1中的锚点？ eg http://mysite.com/#tab-1#myanchor 这是HTML Untitled Document $(function() {var tabs = $( “#tabs” ).tabs(); tabs.find( “.ui-tabs-nav” ).sortable( {axis: “x”, stop: function() {tabs.tabs( “refresh” ); } } ); } ); 1st Tab 2nd Tab 3rd Tab 1st Tab Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at […]

如何从jQuery UI选项卡中打开链接INSIDE表示选项卡

首先，我已经看过这个问题 ，这不是同一个问题。 最后，我试图允许链接打开的选项卡，该选项卡一旦点击就会获取相应的URL并在原始选项卡式空间的内容中显示该URL （但在后台保留原始选项卡） 。 例如： 我有3个标签： 管理员（admin.php） 成员（members.php） 统计数据（stats.php） 当我打开“成员”选项卡时，还有2个附加链接： 添加会员（add.php） 删除成员（delete.php） 无论我选择单击其中一个， add.php或delete.php的内容delete.php显示在与其父级（members.php）相同的选项卡式空间中 我遇到了jquery文档，但似乎没有正确访问。 目前，我的jquery代码是： $(function() { $( “#tabs” ).tabs({ spinner: ”, select: function(event, ui) { var tabID = “#ui-tabs-” + (ui.index + 1); $(tabID).html(“Fetching Data…. Please wait….”); }, cache:false, load: function(event, ui) { $(‘a’, ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); }, ajaxOptions: […]

ChartJS图表不在选项卡中生成

我正在尝试在标签系统中使用ChartsJS。 渲染第一个选项卡中的第一个图表，但后续图表不会。 我相信这是因为选项卡有display:none ，所以当首次生成图表时，它们是在零维度的div中创建的。 这解决了问题，但打破了标签： .vertical-nav>div.tab-content { display: block !important; } 考虑到这一点，我在打开选项卡后尝试了各种方法来重新生成图表，或者在生成图表之前强制display:block 。 什么都行不通。 这是我尝试重新生成图表： jQuery(document).ready(function() { jQuery(‘.vertical-nav ul li span’).click(function(){ // Target the canvas within the correct tab var tabIndex = jQuery(this).parent().index(); var canvasID = jQuery(‘.vertical-nav .tab-content:eq( ‘ + tabIndex + ‘ ) canvas’).attr(‘id’); theChart = charts[canvasID].chart; builtChart = charts[canvasID].builtChart; // Destroy all of […]

刷新div（导致浏览重绘）

在一个Web应用程序中，我遇到了动态内容的一些问题 – 通过隐藏或显示在jquery ui tab控件上方的表单导致呈现问题，直到用户将鼠标hover在选项卡上，然后导致选项卡标题重绘正确的位置。 它只出现在IE7中，作为一个快速的黑客，我在显示表单后导致标签的div在IE中刷新： $(‘#tabs’).css(‘display’, ‘none’).css(‘display’, ‘block’); 我只是想知道是否有更合适/健壮的方法来使div元素重绘/重新计算页面上元素的布局，因为我担心我的方法可能会对其他浏览器产生不必要的副作用。

在非活动选项卡中Javascript / Jquery计时出错

我最近承担了在Javascript / jQuery中构建动画的任务。 动画由围绕伦敦地图移动的圆圈组成。 每次通过一个电台时，电台名称都带有下划线。 我仍在努力改进它，并注意到当标签处于非活动状态时，如果在返回页面时混淆了序列的时间。 因为我将它嵌入到iframe中当我使用$(window).focus()或$(window).blur()时它似乎不起作用。 我使用jQuery动画函数为圆圈设置了动画，并简单地在文本下的所有行上设置了不透明度0并为它们添加了延迟，以便将不透明度设置为100.我在下面放了一个链接来显示动画，因为它是。 我目前正在调整动画的问题，但我不知道如何修复非活动标签问题。 任何帮助都会很棒。 无框架： http ：//www.gbutlercreative.co.uk/london/index.html 框架 http://www.gbutlercreative.co.uk/london/frame.html

在JQueryUI选项卡选项上加载ASP.NET MVC局部视图

我一直在寻找最后一天，并且在过去一两年内找不到关于这个特定主题的任何内容，并且因为JQuery似乎对这些事情做了很多弃用，所以关于当前这个问题似乎是公平的。 JQuery API。 对JQuery有点新意，我想知道这个; 如果我为团队的每个成员都有一个选项卡，并且对于每个选项卡，数据表都会从数据库的部分视图中加载，当我加载初始页面时，所有选项卡都将填充其部分或者它们是否会填充仅在单击选项卡时填充？ 如果在页面加载时填充选项卡，是否有一种方法可以使选项卡仅在单击时填充？ 如果有任何意义，我可以提供源代码，只需评论并要求它。 编辑1 因为我使用ASP.NET MVC来渲染具有上下文信息的局部视图，所以它实际上只是在href中重要的“ajax /”或者href是否需要链接到静态内容？ 问题问题： @{ foreach (var user in Model) { @user.Name } } @{ foreach (var user in Model) { @Html.Action(“_userAdvisoryRequests”, new { username = user.EHLogin }) } } 刚注意到你不需要ajax内容的div，所以也不会工作。 编辑2 解： @{ foreach (var user in Model) { @user.Name } } 致Ashwini Verma的答案！ “如果 标签中的href引用div，则必须对div进行页面加载才能查看，但如果href引用某个动作或链接，则可以按需加载。”

创建用于切换jQuery选项卡的Next按钮

如何创建一个滚动到下一个jQuery选项卡的按钮。 我想在选项卡中有一个下一个按钮，它将滚动到下一个选项卡，有点像一个分步教程。 如何才能做到这一点？ 到目前为止，我的代码如下。 HTML One Two Three First tab is active by default: Next Tab Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh JS $(document).ready(function () { $(“#tabs”).tabs(); });