CakePHP 2.x 打开模态框以及 AJAX答案

【问题标题】：CakePHP 2.x open modal box as well as AJAXCakePHP 2.x 打开模态框以及 AJAX
【发布时间】：2013-08-21 10:19:37
【问题描述】：

我是 CakePHP 2.x 的新手。我现在正在做的是我已经在 CakePHP 1.3 中完成了

我已经在表格视图中显示了所有数据。当用户单击添加和编辑按钮时，我想打开一个模式框。我还在 CakePHP 2.x 中完成了 AJAX 主动非主动和 AJAX 分页。

激活/停用是通过$this->ajax->link 完成的

现在，当我编写以下代码时，在简单的 html 文件中会出现一个模态框：

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

现在我想在这里做同样的事情。当我在我的 CakePHP 代码中包含这个 JS 时，我的 AJAX 和分页停止工作。我在某处读到 jquery.js 和 scriptcula.js 会相互冲突。

我需要将第一个用于分页和 AJAX 链接，将第二个用于模态框。

你能帮我解决这个问题吗？

提前致谢

【问题讨论】：

标签： jquery ajax cakephp-2.0 cakephp-2.1

【解决方案1】：

你应该在无冲突模式下使用 jQuery。

喜欢：

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

之后你可以用 jQuery 来调用 jQuery，比如：

jQuery(document).ready....

【讨论】：