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