在WordPress中使用jQuery和Java脚本

时间:2011-09-01 作者:japanworm

经过许多天的努力,没有任何改善,我想我别无选择,只能寻求你的帮助。我不得不承认,我对编码知之甚少,但我已经尝试了各种教程,但就是无法达到我想要的效果。

问题是,我希望边栏选项卡使用jquery工具,并创建自己的滑块(没有图像滑块,但有内容滑块)。虽然我按照教程所说的那样做了,但文本只是正常显示。没有效果,没有幻灯片,没有标签,什么都没有。

我上传了。js文件,将“脚本”信息放入标题中。php,使用了特定的样式。css,也将其放在标题中。php,然后我尝试放置一些“div”来创建一些内容。对于我使用的选项卡this tutorial. 它是德语的,但您可以清楚地看到它告诉您要粘贴到哪里的步骤。有什么遗漏吗?我把“divs”放在家里。php。这就是错误吗?

我必须在我的功能中添加任何内容吗。还有php?

我肯定我错过了什么,但我不知道是什么。我真的希望有人能在这里帮助我,给我一个简短的“循序渐进”的指导或什么的。

My website 供参考。

很抱歉问了一个愚蠢的问题,但我似乎无法独自解决这个问题。

非常感谢:)

1 个回复
最合适的回答,由SO网友:Wyck 整理而成

首先,你有很多重复的js文件,我一眼就能看到在3个单独的URL中对同一jQuery的3个调用,还有其他重复(容易),可能还有更多我错过的,请清理一下。

其次,如果没有正确使用jQuery工具,javascript需要一个选项卡和一个面板。

因此,请删除您的CSSid\'s 从您的内容中,您可以将其作为tabs-1, tabs-2 , tabs-3.

让它空着,把整个区域用"panel" div. 它应该是这样的,(你真的不必这么做,但最好保持简单,首先让它工作起来。

       <ul class="tabs">
            <li><a href="#">Nunc tincidunt</a></li>
            <li><a href="#">Proin dolor</a></li>
            <li><a href="#">Aenean lacinia</a></li>
        </ul>

<div class="panes">

<div><p>Proin elit arcu, rutrum ......etc...</p></div>

<div><p>Morbi tincidunt........etc...</p></div>

<div><p>Mauris eleifend est et ......etc...</p></div>

</div>
也更改jQuery函数:

$("ul.tabs").tabs("div.panes > div");
第一部分.tabs 你是真的吗li 中的选项卡<ul class="tabs"> 第二部分.panes 是包裹在<div class="panes">

PS. 我忘了添加,如果没有合适的CSS,这一切都不会起作用,您可以使用它或将其合并到您的主题样式表中作为我的示例,它应该可以很好地工作http://flowplayer.org/css/tabs.css

结束

相关推荐

Jquery in IE, fully messed up

我正在使用nivo slider 在我的一个网站上,滑块在Firefox中看起来很完美,但在IE 7、8中,它的高度增加到1006px,滑块可以工作,但高度增加了很多,我已经停用了所有插件,它的视图仍然相同,但在我的localhost中它也可以在IE中工作,但我无法区分其中的实际问题,这里是网站http://www.marqueehireauckland.net.nz/有人能帮我吗?我的nivo滑块代码是<script type=\"text/javascript\" src=\"<?php