Tag: jquery tabs

如何将id添加到动态创建的jquery选项卡中: 我正在创建动态jQuery选项卡。我想将id分配给每个选项卡。 $(“#addTab”).live(‘click’, function() { index++; var title = ‘Tab….. ‘ + index; var url = ‘#fragment-‘ + index; addTab(url, title, index); $(‘li[class=ui-state-default]’).id(this)=1; // this line to add id }); 但是id没有分配给标签.. JS小提琴

jquery选项卡的Next-Prevfunction: 单击Next和Prev html按钮时，我需要jquery选项卡的Next，Previousfunction。我正在使用jquery.1.9.1.js和jquery-ui-1.10.2.custom.js文件。我已经实现了以下代码，但对我不起作用。 $(function () { $(“#ui-tabs”).tabs(); function GetSelectedTabIndex() { return $(‘#ui-tabs’).tabs(‘option’, ‘selected’); } function ShowTabs(stepNum) { var num = parseInt(stepNum); $(‘#ui-tabs’).tabs(‘option’, ‘active’, parseInt(GetSelectedTabIndex()) + num); } $(‘#prev’).click(function () { ShowTabs(-1); }) $(‘#next’).click(function () { ShowTabs(-1); }) }); Nunc tincidunt Proin dolor Aenean lacinia Tab1 content Tab2 content Tab3 content Prev Next 但GetSelectedTabIndex返回null。实施中有什么问题。 […]

jQuery：如何在div变为可见时绑定事件？: 我有一个div元素： Tab data 。如何在此div变为可见时绑定自定义事件（获取display: block; ）？而且当我的div变得不可见时，我想绑定一个事件（获取display: none; ）。我想在jQuery中这样做。编辑：我正在使用ajax内容制作简单的标签。我希望此选项卡上的内容仅在选项卡可见时才进行ajax更新。

jQuery – 标签内的标签？: 我正在尝试使用jQuery在选项卡内部排列选项卡。下面是我正在使用的HTML，CSS和JS。如何在#tab2插入几个标签？ HTML Podcasts Videos test <– Tab 2-1 inside of #tab2 test <– Tab 2-2 inside of #tab2 test CSS .tab_content { background:#fff;padding:10px;width:100% } .tabs li { display:inline;list-style:none } .tabs a { background:#7c7c7c;color:#dadada;display:inline-block } .tabs a.active { background:#e32d2d;color:#fff } JS jQuery(‘ul.tabs’).each(function(){ // For each set of tabs, we want to keep track of […]

jQuery选项卡：面板覆盖100％高度的选项卡: 我正在尝试使用具有面板内容的jQuery-UI的选项卡小部件来扩展到整个可用空间。这是我到目前为止的简化版本： http ： //jsfiddle.net/MhEEH/3/ 当我使用以下CSS时，您会看到＃tab-1的绿色面板内容只覆盖整个页面，而不仅仅是面板空间： #tab-1 { background: green; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } 我可以使用“top：27px;” 解决这个问题，但这会碰到两件事：如果我更改选项卡“主题”，高度（27px）可能会更改如果我有很多标签，我会在第一行下面有第二行。所以我的小组内容将涵盖第二行…… 干净简洁的解决方案会很好。 JavaScript是可以接受的，而（干净！）仅CSS的解决方案更可取…… – 问候，斯特凡

jquery ui标签主要风格的变化: 我正在使用jquery UI选项卡，我需要主要更改它的样式。我需要重新审视背景图像，边框，几乎所有东西。我需要它看起来很小，而不是像它自成一体。最好的方法是什么？我需要使用日历小部件的默认UI样式，它位于同一页面上。我做了很多研究，每个人似乎都指向主题 – 滚动。但是，我不只是想改变颜色和边框半径。我需要删除废话。主题 – 滚动似乎只是改变颜色之类的东西（对现实世界不是很有用）。如何在不改变同一页面上其他UI小部件的样式的情况下调整选项卡的css（我希望日历保持不变）？是否值得为我的标签使用jquery UI？

JQuery Tools选项卡与JQuery UI冲突: 我正在使用JQuery工具的选项卡function，同时我使用JQuery UI。如果我包含两个JS库，带有选项卡的Jquery工具不起作用。如何解决这个冲突？任何帮助表示赞赏。提前致谢。

需要当前为jQuery选项卡选择的选项卡ID: 我知道我可以获取当前所选选项卡的索引但是我可以以某种方式获取当前所选选项卡的ID（相当于ui.panel.id如果这是由选项卡事件触发…但它不是）？我不想使用索引，因为选项卡的顺序可能会改变。我不想使用样式标记，因为在将来的版本中可能会更改。有这个方法吗？如果没有，我可以以某种方式使用索引来访问它（甚至可能首先访问面板对象）？还有其他想法吗？

Google地图无法在jQuery标签中使用: 放置在jQuery标签内的谷歌地图不起作用是一个遍布网络的问题。到目前为止，在我的研究中，似乎没有一种解决方案可行。希望有人可以帮助…… 这是Firefox 10，Chrome 17，Safari 5.1.2，Opera 11.61中的错误的屏幕截图。 http://www.flickr.com/photos/75523633@N04/6932970713/ IE8中不存在该错误，并且在9中是间歇性的。在Firefox中，当您打开FireBug时它会消失。该站点在Wordpress 3.3.1中，并通过插件生成/检索地图。我使用哪个地图插件似乎并不重要; 错误保持不变。根据我的研究，这似乎是选项卡和Google Map API javascript之间的js / jQuery问题，而不是Wordpress /插件问题。这是我的代码。现在，我正在为地图使用wp-gmappity-easy-google-maps插件，但我也尝试了综合谷歌地图插件。两者都在标签之外工作得很好。 HTML： // Header calls: // HTML Body: Tab 1 Tab 2 Tab 3 Map Tab Tab 3 Tab 1 Content Tab 2 Content Tab 3 Content function wpgmappity_maps_loaded1() { var latlng […]

我可以在页面刷新时或当我离开页面时保持相同的jQuery选项卡吗？: 我有一个基本的jQuery标签系统： $(document).ready(function(){ $(‘#tabs div.jdiv’).hide(); $(‘#tabs div.jdiv:first’).fadeIn(“slow”); $(‘#tabs ul.jdiv li:first’).addClass(‘active’); $(‘#tabs ul.jdiv li a’).click(function(){ $(‘#tabs ul.jdiv li’).removeClass(‘active’); $(this).parent().addClass(‘active’); var currentTab = $(this).attr(‘href’); $(‘#tabs div.jdiv’).hide(); $(currentTab).fadeIn(“slow”); return false; }); }); Current Points My Details Prizes Your sack Order History 等等…. 我的问题是，我打算在其中一个页面中使用另一组jQuery选项卡，这不是问题，但是当他们点击链接或刷新页面时，是否可以保留在同一个选项卡上？在父级或子级选项卡上？谢谢！