gpt4 book ai didi

jquery - jQuery 中的内容 slider 推子

转载 作者:行者123 更新时间:2023-11-28 01:57:45 25 4
gpt4 key购买 nike

关于 http://www.elitedeafpoker.com/dev/在“Hand Strength”部分,我试图让内容(淡入和淡出)显示在显示“Royal Flush”的正确区域。我在“皇家同花顺”后面排列了 10 条手牌强度信息。当我单击其中一个列表项时,它不起作用,也没有执行任何操作。

HTML

<ul class="hand-strength" style="margin-left:15px;">
<li class="selected-royalflush" id="nav-fragment-1"><a href="#fragment-1">ROYAL FLUSH</a></li>
<li class="selected-straightflush" id="nav-fragment-2"><a href="#fragment-2">STRAIGHT FLUSH</a></li>
<li class="selected-fourkind" id="nav-fragment-3"><a href="#fragment-3">FOUR OF A KIND</a></li>
<li class="selected-fullhouse" id="nav-fragment-4"><a href="#fragment-4">FULL HOUSE</a></li>
<li class="selected-flush" id="nav-fragment-5"><a href="#fragment-5">FLUSH</a></li>
<li class="selected-straight" id="nav-fragment-6"><a href="#fragment-6">STRAIGHT</a></li>
<li class="selected-threekind" id="nav-fragment-7"><a href="#fragment-7">THREE OF A KIND</a></li>
<li class="selected-twopair" id="nav-fragment-8"><a href="#fragment-8">TWO-PAIR</a></li>
<li class="selected-onepair" id="nav-fragment-9"><a href="#fragment-9">ONE-PAIR</a></li>
<li class="selected-highcard" id="nav-fragment-10"><a href="#fragment-10">HIGH-CARD</a></li>
</ul>

(要显示的信息)

<div id="fragment-1" class="ui-tabs-panel">  
<div class="info" >
<h2><strong>ROYAL FLUSH</strong></h2>
<p>An ace high straint flush.</p>
<p class="cards"><img src="img/cards-royalflush.png" alt="Royal Flush" width="466" height="121" /></p>
</div>
</div>
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
<div class="info" >
<h2><strong>STRAIGHT FLUSH</strong></h2>
<p>A five-card straight, all of the same suit.</p>
<p class="cards"><img src="img/cards-straightflush.png" alt="" /></p>
</div>
</div>
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">
<div class="info" >
<h2><strong>FOUR OF A KIND</strong></h2>
<p>Four cards of equal rank - also called "Quads."</p>
<p class="cards"><img src="img/cards-fourkind.png" alt="" /></p>
...........

jQuery

$(document).ready(function(){  
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});

最佳答案

控制台中存在 JavaScript 错误:

Uncaught ReferenceError: jQuery is not defined 

这破坏了网站上的 JavaScript 功能。您需要在 jQueryUI 之前包含 jQuery 库。

在源代码中,当前包括:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript" src="js/rotate1.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

编辑:来源仍然不正确:

<script type="text/javascript" src="js/rotate1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

关于jquery - jQuery 中的内容 slider 推子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15958340/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com