javascript - jqueryui 的 "Fold"效果是唯一有效的效果

标签 javascript jquery jquery-ui

目前我正在尝试 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>

编辑*我不认为这是任何类型的链接问题,因为我成功地让 Accordion 小部件正常工作。

最佳答案

好的,回来....

我可以建议将整个第 7 行简化为:

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

.show() 对原始空元素进行操作,而不是替换元素。为什么不直接使用原始元素呢?

hide() 似乎是无关的。 ...除非您打算切换()该元素的显示?

注意:正如我们所讨论的,我确实(正如您所做的那样)使用 jQueryUI css 文件来显示“突出显示”效果。

关于javascript - jqueryui 的 "Fold"效果是唯一有效的效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27557986/

相关文章:

javascript - 在移动浏览器上关闭屏幕时无法暂停音频

jQuery 在行中查找具有 id 的元素

javascript - 点击后获取焦点textarea id

jquery - 如何使 jQueryUI 图标显示为禁用?

javascript - 拖放jqueryui问题

javascript - 任意定位显示的动画移动 :inline elements into a position:relative final position

Javascript setTimeout 和帧率

javascript - jQuery TimeAgo 的 .on()

javascript - 如何使用 addmore 函数 javascript 在表单中添加日期字段

jquery-ui - 可排序 + 可拖动演示 - 如何访问放置的项目?