Tag: jquery tabs

添加到代码中的Jquery选项卡使自动滚动（垂直）滚动到锚点

我已经使用css-tricks代码设置了一个自动滚动页面，以实现平滑滚动： http ： //css-tricks.com/snippets/jquery/smooth-scrolling/ 它总是工作得很好，我刚刚添加了jquery选项卡到一些内容，现在使它滚动到选项卡下面的主要锚点。 代码在这里： http ： //jsfiddle.net/qR5bm/ 为什么会发生这种情况，我该怎么做才能解决这个问题？

如何使用post（不是get）强制ajax并在jquery选项卡中显示响应？

嗨，我有以下的HTML和脚本 jQuery(function() { jQuery(“#tabs”).tabs({ /*beforeLoad: function(event, ui){ alert(‘loading’); }, load: function(event, ui){ alert(‘loaded’); }*/ ajaxOptions: { dataFilter: function(result){ var data = jQuery.parseJSON(result); alert(data.test_element); return data.test_element; } }, /*beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( “Couldn’t load this tab. We’ll try to fix this as soon as possible. ” + “If this wouldn’t be […]

MVC使用Jquery转到特定选项卡

我在.net MVC 4中这样做我已经使用了标签 Tab 1 Tab 2 Tab 3 Tab 4 我想进入一个特定的选项卡，例如在（表4）中，我使用这行代码但没有成功，这里(“.btn”)是单击链接时的类。 $(“.btn”).click(function () { $(“#tabs”).tabs(‘select’, “#tab-4”); }); 我也使用过这样的东西： $(“#tabs”).tabs({“option”, “”, 3}); 请告诉我解决这个问题的正确方法。

一个页面中的JQuery多个标记组

相关问题我在哪里获得脚本： jQuery，一个页面上的多个选项卡组 jquery与相同的脚本冲突 所以标题说我有一个包含多个标签组的页面。 选项卡仅适用于第一组，并停止处理其余组。 剧本： $(function() { $(“.tab_content”).hide(); $(“ul.tabs”).each(function() { $(this).find(‘li:first’).addClass(“active”); $(this).next(‘.panes’).find(‘.tab_content:first’).show(); }); $(“ul.tabs”).each(function() { $(“ul.tabs li a”).click(function() { alert(“hello”); var cTab = $(this).closest(‘li’); cTab.siblings(‘li’).removeClass(“active”); cTab.addClass(“active”); cTab.closest(‘ul.tabs’).nextAll(‘.panes:first’).find(‘.tab_content’).hide(); var activeTab = $(this).attr(“href”); //Find the href attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active ID content return false; }); }); […]

如何在切换选项卡之前使用创建Jquery Confirm Dialog

我正在使用jQuery 1.9+ 我试图弹出一个Jquery对话框模式，以允许用户在切换标签之前进行确认。 我试过以下代码： $(‘#tabs’).tabs({ beforeActivate: function(event, ui) { $(‘ Confirm Switching Tab ‘).dialog({ modal: true, title: “Confirm Action”, buttons: { Yes: function(){ $(this).dialog(‘close’); return true; }, No: function(){ $(this).dialog(‘close’); return false; } } }); } }) 上面的代码确实弹出了确认对话框，但它仍然打开选项卡，因为beforeActivate事件实际上在用户单击对话框按钮返回true / false之前返回。 然后我想出以下代码。 $(‘#tabs’).tabs({ beforeActivate: function(event, ui) { $(‘ Confirm Switching Tab ‘).dialog({ modal: true, title: “Confirm […]

jQuery-Validation-Engine隐藏字段上的错误位置弹出窗口（jquery选项卡）

我使用jQuery-Validation-Engine来validation表单，但我有一个问题….我在div中的表单分为制表符，我设置了validationEngine，如下所示： $(“.test”).validationEngine({validateNonVisibleFields: true}); 提交在非活动选项卡中的活动选项卡中的字段上都可以正常工作….但非活动选项卡中字段的弹出错误未与相应字段对齐。 _calculatePosition函数似乎忽略了字段隐藏的真实坐标来检查… 有什么建议吗？ 非常感谢

jQuery Masonry没有使用jQuery选项卡

我在网站上有一个标签元素，在每个标签中都使用了jQuery Masonry脚本。 唯一的问题是Masonry网格只适用于第一个选项卡中的内容，但我需要它来处理每个选项卡中的内容。 我已经尝试为每个选项卡重命名容器，但似乎没有任何效果。 这是网站： http ： //joltentertainment.com/services-2/ 这是我的代码： Entertainment Ambiance & Décor Success A/V Rentals Emcees <img src="https://stackoverflow.com/questions/11749701/jquery-masonry-not-working-with-jquery-tabs//scripts/timthumb.php?src=http://joltentertainment.com/wp-content/gallery/the-worlds-best-prom/em1_2782_1.jpg&h=172&w=278&zc=1″ title=”” width=”278″ height=”172″ /> <img src="https://stackoverflow.com/questions/11749701/jquery-masonry-not-working-with-jquery-tabs//scripts/timthumb.php?src=http://joltentertainment.com/wp-content/gallery/the-worlds-best-prom/em1_2443_0.jpg&h=82&w=188&zc=1″ title=”” width=”188″ height=”82″ /> <img src="https://stackoverflow.com/questions/11749701/jquery-masonry-not-working-with-jquery-tabs//scripts/timthumb.php?src=http://joltentertainment.com/wp-content/gallery/the-worlds-best-prom/em1_2787_1.jpg&h=82&w=188&zc=1″ title=”” width=”188″ height=”82″ /> Great for all events, an Emcee can liven up events, help with announcements, encourage participants in team building or audience […]

如何在一个jQuery UI选项卡中使用jQuery UI选项卡？

我正在使用jQuery UI选项卡（通过AJAX的内容）我需要做的是在我的一个选项卡中我希望其他简单的jQuery UI选项卡意味着（内容不通过AJAX）但它不起作用..请原谅，如果我做错了什么:( //these tabs are working fine <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘abc’) ?>”>A <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘asd’) ?>”>B <a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), ‘xyz’) ?>”>C 我在xyz控制器的视图中添加了以下代码，但它无法正常工作 $(function() { $( “#tabss” ).tabs(); }); Nunc tincidunt Proin dolor Aenean lacinia abcd……. xyz……. abcd……. content……. 我已经包括了所有这些

使用tabify jquery插件以编程方式更改选项卡

我正在使用tabify http://unwrongest.com/projects/tabify来显示标签。 我正在努力弄清楚如何以编程方式更改选项卡。 这是一个工作示例： http ： //jsfiddle.net/S78Bt/ $(document).ready(function(){ $(‘#menu’).tabify(); }); 虽然我知道使用JQuery UI选项卡我可以实现这种行为，但由于一些不可避免的情况，我需要使用tabify。

使用Jquery Tabs通过ajax传递变量

我有一个问题，我已经坚持了几天，我似乎无法弄明白。 我正在尝试使用Jquery Tabs通过AJAX传递变量。 这是我的使用场景：用户使用JQuery选项卡加载页面，默认只是一些文本。 在页面上，我有一个包含userid的会话变量。 当他们单击第二个选项卡时，它会将该userid变量传递给脚本。 我无法通过！ var postData = {}; $(“#tabs”).tabs({ select: function(event, ui) { postData = { userid: parseInt($(ui.tab).data(‘userid’)); }; }, ajaxOptions: { type: ‘POST’, data: postData, error: function(xhr, status, index, anchor) { $(anchor.hash).html(“Couldn’t load this tab. We’ll try to fix this as soon as possible. ” + “If this wouldn’t be a […]