jqueryui 的“折叠”效果是唯一有效的效果

jqueryui's "Fold" effect is the only effect that works

本文关键字：有效 唯一 折叠 jqueryui      更新时间：2023-09-26

目前我正在试验jqueryui hide((和show((函数。我能得到的唯一效果是"折叠"效果。即显示("折叠"(和隐藏("折叠"(每当我尝试其他效果(如"剪辑"或"淡入淡出"(时，效果不起作用。有什么原因吗？下面是相关代码的片段。

<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>

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

好的，回来....

我是否可以建议将您的整个第 7 行简化为：

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

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

hide((，似乎是无关紧要的。 ...除非您打算切换((该元素的显示？

注意：正如我们所讨论的，我确实(正如您所做的那样(使用jQueryUI css文件来显示"突出显示"效果。

一点 - 不是完整的答案：你没有使用jQueryUI样式表。 如果没有它，某些效果(例如高光(将无法按预期工作。

相关文章：