2010-04-30 2 views
0

sur cette page new customer, il y a un conflit entre les deux scripts. On m'a demandé de créer le contenu affiché en cliquant sur le bouton "ny kunde".jQuery toggle show XHTML Smarty quelques clahes peut-être? Il ne montre pas

Ce script fonctionne bien maintenant, grâce à Voyta.

Il existe un autre script créé par une autre personne qui trouve les informations du PDG de la société et saisit les données dans les champs. Lorsque j'ai mis le script de spectacle dans la page, cette fonction a fonctionné de manière irrégulière, tout comme le show s'est caché dans la case plus bas dans la page.

Comment puis-je savoir ce qui clone? Que puis-je rechercher? Devrais-je abandonner?

Here is an example du code que j'ai travaillé (je suis un jQuery noob).

code sur mon tpl

<button id="button1">&nbsp;</button> 

    {literal} 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
     <script type="text/javascript"> 
$(function() { 
    $("#button1").click(function() { 
     $(".newCustomer").toggle("slow"); 
    }); 
});​ 
</script> 

<div class="newCustomer">... 

Merci.

+1

pouvez-vous reformuler la question? Je ne comprends pas ce qu'est ta pinte. Pour ce que je peux dire que vous devriez installer FireBug dans Firefox et vérifier le fichier console.log, beaucoup d'erreurs sont lancées. En plus de cela, vous pouvez insérer jquery lint dans l'en-tête de votre fichier. Il va vous montrer exactement ce qui est faux dans votre syntaxe jquery: http://james.padolsey.com/javascript/jquery-lint/ – meo

+0

Le fait est que cela ne fonctionne pas, qu'il y a deux ou plusieurs scripts en cours d'exécution cette page, je suis totalement nouveau à jQuery et je ne sais pas comment ou quoi chercher. – Kyle

+1

Ouvrez votre console JavaScript (et peut-être installer Firebug). Vous avez des tas d'erreurs JavaScript. Commencez par le premier (le '' '' manquant dans le littéral de la fonction comme indiqué par Voyta) et travaillez à partir de là. Aussi, vous semblez utiliser à la fois Prototype et jQuery. Aucun bien ne viendra de cela. Installez-vous sur un cadre unique. – bobince

Répondre

1

Vous avez erreur de syntaxe click(function()1

Il devrait être:

$(function() { 
    $("#button1").click(function() { 
     $(".newCustomer").toggle("slow"); 
    }); 
});​ 
+0

y at-il un 'toggle ('show')'? Je pense qu'il doit être 'toggle ('lent')' – meo

+0

Merci, j'ai fixé cela Et semble fonctionner! Mais le getter numéro d'organisation ne fonctionne pas maintenant .. – Kyle

0

vous rendre la vie plus facile: puisque vous utilisez déjà jQuery, vous pourriez aussi bien utiliser un widget dialogue agréable de jQuery UI. Il comprend toutes les petites choses qui sont difficiles à penser à l'avance lorsque vous implémentez la chose par vous-même:

  • faire le dialogue modal afin d'éviter les interactions avec le reste de la page alors que le dialogue est ouvert
  • mobile et redimensionnable
  • les « bouchons » (fonctions de rappel) pour définir ce qu'il faut faire lorsque l'utilisateur clique sur OK, annuler ou ferme juste la boîte de dialogue ...

Voir: http://jqueryui.com/demos/dialog/#modal-form - essayez l'exemple de formulaire modal

+0

Merci, je vais utiliser cela à l'avenir, mais pour l'instant je ne veux pas avoir à utiliser une toute nouvelle chose quand tout ce dont j'ai besoin est de ces deux fonctions pour travailler sur la même page. – Kyle