HTML页面中的流沙问题答案

【问题标题】：Quicksand question in HTML pageHTML页面中的流沙问题
【发布时间】：2010-09-30 23:45:43
【问题描述】：

我在 HTML 页面上使用 Quicksand jquery 脚本并使用简单的选择控件：

<select name="sort" style="vertical-align:middle;" id="cboSort">
    <option value="1" selected="selected">Low to High</option>
    <option value="2">High to Low</option>
</select>

我希望能够在页面加载时运行流沙脚本，但我不知道该怎么做，我正在学习 javascript，所以我有点困惑。基本上我希望这些项目在页面加载时已经从低到高排序。这是一个简单的单页网站。

请帮忙

【问题讨论】：

标签： jquery html select pageload quicksand

【解决方案1】：

您可以将要运行的代码包装在 jQuery 的 $(document).ready() 构造中：

$(document).ready(function() {
    // Your code goes here...
});

这只会在整个页面加载后运行。

【讨论】：

两个答案都很好，但是因为排序是在一个 jquery 脚本文件中，所以我回家后会尝试这个。现在快速提问。如果这样做，在页面加载后，我是否仍然可以使用选择控件来运行流沙脚本？
我对流沙不太熟悉，但是在快速查看这里的演示代码后：razorjack.net/quicksand/demos/one-set-clone.html 似乎排序功能绑定到您的选择元素的 onchange 事件。在这种情况下，您可以在运行流沙脚本执行第一次排序后简单地触发元素的 change() 函数。例如：$('#cboSort').change() ;
Gus，我将排序代码放在一个 js 文件中，因此它位于页面之外并包含在主脚本函数中。我尝试了 $(document).ready(function() 但它没有在加载时运行，我是否忘记做其他事情。是否需要将引用放在 body 标记中
等待它确实运行了脚本，但是由于某种原因它并没有像它应该的那样排序
Gus 它在这一行失败 // 尝试在每次表单更改时调用流沙 $('select').change(

【解决方案2】：

<html>
<head>
<script type="text/javascript">
function sortFunction() {
//logic
}
</script>
</head>
<body onload="sortFunction()">
<select name="sort" style="vertical-align:middle;" id="cboSort">
    <option value="1" selected="selected">Low to High</option>
    <option value="2">High to Low</option>
</select>
</body>
</html>

试试看，其他答案也可以

【讨论】：

【解决方案3】：

已使用自动选择和可变开关修复此问题

【讨论】：