Question

目前我正在尝试使用jqueryui hide（）和show（）函数。我可以开始工作的唯一效果是＆＃34; fold＆＃34;影响。即每当我尝试另一种效果时，显示（＆＃34;折叠＆＃34;）并隐藏（＆＃34;折叠＆＃34;）＆＃34; clip＆＃34;或者＆＃34;淡出＆＃34;，效果不起作用。有什么理由吗？以下是相关代码的片段。

<script src="./jQuery/jquery.min.js"></script>
<script src="./jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>

<script type="text/javascript">
clickCB  = function()
{
$("#game-type").hide().show("fold").replaceWith("<p id=\"game-type\";>" + $(this).val() + " Testing Testing" + "</p>" );

};
</script>

<input class="someclass" type="radio" name="v" value="1" id="option1">
<label for="option1"> Game A </label><br>

<p id="game-type" style="display: none;">
</p>

<script>
$("input[name=v]").click(clickCB);
</script>

编辑*我不认为这是一个任何类型的链接问题，因为我成功地使手风琴小部件工作。

Answer 1

有一点 - 不是一个完整的答案：你没有使用jQueryUI样式表。如果没有它，某些效果（例如突出显示）无法正常工作。

Answer 2

好的，回来......

我可以建议将整条第7行简化为：

$("#game-type").html($(this).val() + " Testing Testing").show("highlight","slow");

.show（）在原始的空元素上运行，而不是替换。为什么不简单地使用原始元素？

hide（）似乎是无关紧要的。 ...除非你打算切换（）该元素的显示？

注意：正如我们所讨论的那样，我确实使用了jQueryUI css文件（正如你所做的那样）来显示＆＃39;突出显示＆＃39;效果。

jqueryui＆＃34;折叠＆＃34;效果是唯一有效的效果

2 个答案: