CakePHP 2.x open modal box ainsi que AJAX - jquery, ajax, cakephp-2.0, cakephp-2.1

Je suis nouveau sur CakePHP 2.x. Ce que je fais maintenant, c’est que j’ai déjà fait CakePHP 1.3

J'ai afficher toutes les données sous forme de tableau. Je veux ouvrir une modalbox lorsque l'utilisateur clique sur le bouton Ajouter et modifier. J'ai aussi fait la pagination AJAX active et AJAX active dans CakePHP 2.x.

Actif / inactif est fait avec $this->ajax->link

Maintenant, dans un simple fichier html, quand j'écris le code ci-dessous, une modalbox apparaîtra:

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js?load=effects" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../../modalbox.js"></script>
<link rel="stylesheet" href="../../modalbox.css" type="text/css" />

<a href="_ajax_content.html" title="Modalbox with default options test" onclick="Modalbox.show(this.href); return false;">Modalbox with default options test</a>

Maintenant, je veux faire la même chose ici. Quand j'inclus ce JS dans mon code CakePHP, mon AJAX et ma pagination ne fonctionnent plus. J'ai lu quelque part que jquery.js et scriptcula.js entreraient en conflit.

Je dois utiliser ce premier fichier pour la pagination et le lien AJAX et le second pour le modalbox.

Pouvez-vous m'aider à sortir de ce problème?

Merci d'avance

Réponses:

Vous devriez simplement utiliser jQuery en mode sans conflit.

comme:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.noConflict();
// Code that uses other library"s $ can follow here.
</script>

après cela, vous pouvez appeler jQuery avec jQuery comme suit:

jQuery(document).ready....