Pourquoi le bouton de mon interface utilisateur jQuery ne fonctionne-t-il pas lorsqu'il est défini avec un sélecteur de classe mais avec un sélecteur d'identifiant?

Question

J'ai deux boutons dans mon document.

On est défini par un sélecteur d'identifiant dans mon code jQuery:

<button id="reviewBtn" class="span-1">Review</button> 

$("#reviewBtn").button({ 
    icons: {primary: "ui-icon-triangle-1-e"}, 
    text: false 
}); 

L'autre est définie avec un sélecteur de classe:

<button id="search_364489867" class="span-1 searchBtn search">Search</button> 

$("button.search").button({ 
    icons: { secondary: "ui-icon-triangle-1-e"}, 
    text: true 
}); 

Le bouton défini avec le sélecteur de classe (button.search) est n'est pas décoré avec les styles de l'interface utilisateur jQuery alors que le bouton défini avec le sélecteur d'ID (#reviewBtn) apparaît comme prévu. Puis-je ne pas définir le bouton avec le sélecteur de classes?

Sinon, comment puis-je le définir avec une valeur d'ID générée dynamiquement (search_364489867)?

Answer 1

Lorsque vous déboguez la plupart du temps, vous vérifiez vos hypothèses.

donc vérifier vos hypothèses: au lieu de l'appel à .button() faire une méthode plus simple comme,

$("button.search").slideUp(2000); 

Si le bouton ne fait rien, votre sélecteur est probablement faux. Si le bouton glisse vers le haut, vous savez que votre sélecteur est correct, mais l'appel de la méthode est incorrect ou ne fonctionne pas.

Ensuite, vérifiez vos hypothèses avec l'appel de méthode, etc.