question Quicksand page HTML

J'utilise les scripts jquery Quicksand sur une page HTML et en utilisant les contrôles de sélection simples:question Quicksand page HTML

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

Je veux être en mesure d'avoir les scripts des sables mouvants fonctionnent à la page charge mais je ne idée comment faire cela, j'apprends javascript donc je suis un peu confus. Fondamentalement, je veux que les éléments soient déjà triés de bas à élevé au chargement de la page. Ceci est un site simple d'une page.

s'il vous plaît aider

Source

2010-09-29 mattgcon

cela a été fixé à l'aide autoselect et commutateur variables

Source

2010-09-30 15:45:43 mattgcon

Vous pouvez envelopper le code que vous voulez exécuter dans $(document).ready() construction jQuery:

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

Cela ne fonctionnera une fois que la page entière est chargée.

Source

2010-09-29 22:35:40 Gus

les deux réponses sont bonnes, mais parce que le genre est dans un fichier script jquery Je vais essayer celui-ci quand je rentre à la maison. Maintenant qeustion rapide. Si je fais cela, serai-je toujours en mesure d'utiliser les contrôles de sélection pour exécuter les scripts de sables mouvants après le chargement de la page? – mattgcon

Je n'étais pas trop familier avec les sables mouvants, mais après un rapide coup d'oeil sur le code de démonstration ici: http://razorjack.net/quicksand/demos/one-set-clone.html il semble que la fonctionnalité de tri est liée à votre sélectionnez l'événement onchange de l'élément. Dans ce cas, vous pouvez simplement déclencher la fonction 'change()' de l'élément après avoir exécuté les scripts quicksand pour effectuer le premier tri. Par exemple: '$ ('# cboSort'). change();' – Gus

Gus, j'ai placé le code de tri dans un fichier js afin qu'il soit en dehors de la page et contenu dans la fonction de script principale. J'ai essayé le $ (document) .ready (function() mais il n'a pas fonctionné sur le chargement, ai-je oublié de faire quelque chose d'autre.Est-ce qu'une référence doit être placée dans la balise body – mattgcon

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

essayer, l'autre réponse fonctionne aussi

Source

2010-09-29 22:37:02 Ascherer

Répondre

Questions connexes