Question

我有Divs使用以下脚本显示和隐藏（带动画）（我包含了jQuery库）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function ShowHide(){
$("#info").animate({"height": "toggle"}, { duration: 1000 });
}
//]]>
</script>

我激活显示/隐藏 <input type="reset" name="reset" value="Hide Message"onclick="ShowHide(); return false;" />或类似内容（对于文字链接，我会href="#" onclick="ShowHide(); return false;"。

所有这一切都很好，但我想知道如何制作它所以我可以有一个带有URL的div节目。我的意思是，我希望能够让用户访问example.com/?show=test（或类似），并将div称为“test”show。

它实际上不必使用与上面相同的脚本。我主要想用它来显示一条感谢信息，在主页的一个小方框中填写反馈表格。

提前感谢您的帮助。（如果令人困惑，我可以澄清任何事情）

Answer 1

您始终可以从查询字符串中解析div的ID，或者更简单地使用哈希，即example.com#test。然后你可以这样做：

$(document).ready(function() {
    var whichDiv = location.hash.split('#')[1];
    $('#' + whichDiv).show();
});

您始终可以直接在show上拨打location.hash，因为原始值始终以“＃”字符开头：

$(document).ready(function() {
    var whichDiv = location.hash;
    $(whichDiv).show();
});

如果确实需要解析show参数：

$(document).ready(function() {
    var whichDiv = $.url.param("show");
    $(whichDiv).show();
});

以上示例使用this tiny jQuery URL plugin。

jQuery Div动画 - 显示带URL

1 个答案: