Tag: tabs

jQuery UI – 使用外部链接在选项卡中打开Accordion

我想在每个外部链接的Tab中打开一个Accordion。 例如:www.demosite.com/site#tab1&2应打开第一个选项卡,并在选项卡内打开第二个手风琴。 到目前为止,我使用以下代码打开特定的Tab: $( “#tabs” ).tabs({ collapsible: true, select: function(event, ui) { window.location.hash = ui.tab.hash; } }); 为了打开手风琴我瘦,我应该使用jQuery UI Accordion的主动function,但我不知道,我如何使用它们。 谁能帮我吗? http://jsfiddle.net/bMeLL

将TabSlideOut javascript添加到Drupal 7

没有用于Drupal的模块作为滑动选项卡(在hover时),所以我想将这个, http://www.building58.com/examples/tabSlideOut.html合并到我的网站中。 在尝试将上面的滑出选项卡添加到我的Drupal站点的过程中,我试图任意将代码添加到html.tpl.php并且选项卡部分工作(有冲突错误)。 但是我的Superfish菜单一直收到冲突错误。 我在Drupal.org上读到了使用template.php中的钩子函数drupal_add_js为主题添加javascript,但是我没有看到任何内容,就像我这样做时出现的标签一样。 我错过了什么吗? 如果有人能帮助我,我会非常感激,我花了几天时间试图解决这个问题。

使用jQuery哈希来改变URL而不添加书签

希望允许用户浏览页面上的多个选项卡,但是当点击后退按钮时,返回其上一页(无需导航回其选项卡历史记录)。 感觉就像我正在使用的方法中的一个(我更改URL并处理历史记录,或者我不更改URL并且不处理历史记录)。 我查看了HTML History API,它似乎没有直接与此直接对话,也没有找到我发现的很多post。 我希望我的标签可以链接,但不能作为浏览器的单独页面(我疯了吗?)。 非常感谢你。 JavaScript的 //add tab id to url var hash = window.location.hash; hash && $(‘ul.nav a[href=”‘ + hash + ‘”]’).tab(‘show’); $(‘.nav-tabs a’).click(function (e) { $(this).tab(‘show’); window.location.hash = this.hash; }); HTML My First Tab My Second Tab

使用php在jquery选项卡中显示内容

我有一个带有几个jquery选项卡的页面,每个选项卡都要显示php函数的结果,如下所示: Tab 1 Title Tab 2 Title> <?php echo "This is tab 1″; ?> <?php echo "This is tab 2″; ?> 使标签工作的jquery是: var ccm_activeTransactionsTab = “tabs-1”; $(“#transaction_tabs a”).click(function() { $(“li.ccm-nav-active”).removeClass(‘ccm-nav-active’); $(“#” + ccm_activeTransactionsTab + “-tab”).hide(); ccm_activeTransactionsTab = $(this).attr(‘id’); $(this).parent().addClass(“ccm-nav-active”); $(“#” + ccm_activeTransactionsTab + “-tab”).show(); }); 我遇到的问题是,当页面加载时,活动选项卡显示两个php语句的结果 – 即它显示: echo “This is tab 1; echo “This […]

ajax标签设置 – 不在localhost上工作(easytabs)

我正在使用EasyTabs作为我的标签。 我使用ajax-tabs,这样我就可以从其他页面获取内容(当我点击导航菜单的相应按钮时)。 但它不起作用。 内容未加载。 根据开发人员的博客,我只需要更改div的顺序并添加data-target属性。 但它不起作用,我不知道问题可能在哪里。 奇怪的是,当我不使用Ajax时,它可以工作(但我需要Ajax,所以当我点击导航按钮时我可以加载内容)。 我在localhost上使用Easytabs :8888和MAMP。 出于测试目的,我使用的是Safari 5.1.7。 如果有人可以帮助我,那就太好了。 我非常感谢能得到的任何帮助,所以我可以解决这个问题。 有什么帮助吗? 我在这里初始化Easytabs 。 $(document).ready(function(){ $(‘#tab_container’).easytabs(); }); 这是我的按钮和div的设置。 <a href="https://stackoverflow.com/questions/16068506/ajax-tabs-setup-not-working-on-localhost-easytabs/'/includes/homepage/new_games.inc.php'” data-target=”#t1″> <a href="https://stackoverflow.com/questions/16068506/ajax-tabs-setup-not-working-on-localhost-easytabs/'/includes/homepage/popular_games.inc.php'” data-target=”#t2″>

使用jQueryUI-tabs为AJAX内容预加载图像

所以我有一个非常好的应用程序使用ui-tabs ..问题是,我不能为我的生活想出一种方法在显示选项卡面板之前预先加载我的ajax内容中的图像。 我能想到的唯一方法是创建自己的ajaxfunction来加载选项卡面板内容,并在ajax调用中添加这样的内容: success: function(response){ $(response).find(‘img’).preload({ onFinish: function(){ currentTabPanel.show(); } }); } 但是我认为使用jQueryUi.tabs()对象中内置的AJAX方法和事件可以更好地解决这个问题。我只是觉得我没看到它…… arg。 。 有任何想法吗??

jQuery选项卡,用于选项卡和内容的单独div

我正在使用jquery选项卡没有任何问题,除了我想为列表(选项卡)和内容分别设置div。 Articles Videos Photos Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, 但我想要做的是将ul和内容包装在单独的div中。 Articles Videos Photos Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, 我查看了文档,但没有看到指定这个的地方。 任何帮助将不胜感激。

jQuery UL Tabs重复导航?

我有一个jQuery ul基本选项卡设置正常..( 这一个 ) 反正有没有复制主标签导航? 为了说它的底部有不同的风格吗? 与主选项卡导航工作方式相同,选择不同的选项卡具有活动类等。 只是分开,所以2个导航控制一个标签内容区域。 可能? 谢谢你的帮助 :)

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

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

jQuery Tabs导致IE8出现问题?

我正在使用jQuery Tabs与jQuery 1.3.2本地运行。 标签创建得很好,但IE告诉我该网站正在运行可能存在安全风险的内容(这很烦人,但也许这就是当IE看到任何javascript时总会发生的事情……我不知道因为我不知道不使用IE浏览器。 无论如何,我有3个选项卡,每当用户进入第3个选项卡然后回到前两个中的任何一个时,IE挂起然后告诉我必须关闭IE,此时它会立即重新打开“阻止”页面内容“再次警告并告诉我它已”恢复“标签。 我的标签在Windows和OS X上的Firefox和Chrome中完美运行……但不在IE中。 这是一个已知的问题? 以前有人碰过这个吗? 编辑 代码可以在这里看到