Displaying contents of a tab

时间:2015-01-22 作者:Dave_O

我一直在想如何完成我需要做的事情,我可以展示出来here. 我在一次采访中问过这个问题StackOverFlow 我得到了一个很好的答案,但我不知道如何在wordpress中实现它。我根据需要放置jQuery.siblings() 如功能中所示。php如下所示:

wp_register_script(\'flatmarket-jquery2\', get_template_directory_uri() . \'/js/jquery2.js\', array(), \'2.1.0\', true);
我一直无法在wordpress上使用它。

我正在使用Page composer,它为您提供了将JS和HTML放置在所需位置的工具。任何帮助都将不胜感激。

1 个回复
SO网友:Arshad Hussain

已在中答复您stackoverflow 按以下方式:

 <div id="tab-one" style="display: none">Tab1 info 1 content</div>
 <div id="tab-two" style="display: none">Tab1 info 2 content</div>
 <div id="tab-three" style="display: none">Tab1 info 3 content</div>

 <ul class="side bar tabs">
  <li class="one">Tab1 info 1</li>
  <li class="two">Tab1 info 2</li>
  <li class="three">Tab1 info 3</li>  
</ul>
您应该在while循环中运行查询以获得结果。在循环之前定义一个$i=1,并在关闭之前增加它,而循环类似于$i++;现在按如下方式更改html:

<div id="tab-<?php echo $i; ?>" style="display: none">code to get tab content</div>
<ul>
    <li class="<?php echo $i; ?>">Code to get tab title</li>
</ul>
如果你有任何困惑。在注释框中写入。

结束

相关推荐

在我的WordPress主题中包含JavaScript和CSS的正确方法

我正在尝试用正确的方法构建我自己的Wordpress主题。但是我发现的第一个问题是如何“使用正确的方式”添加css和js。我找到了一些如何做的教程。e、 x:http://code.tutsplus.com/tutorials/loading-css-into-wordpress-the-right-way--cms-20402 (这是“2014年6月30日”)这一个http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in