Question

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

我在表格视图中显示了所有数据。我想在用户点击添加和编辑按钮时打开一个模态框。我还在CakePHP 2.x中完成了AJAX主动deactive和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链接，第二个用于modalbox。

你能帮助我摆脱这个问题吗？

提前致谢

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

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

1 个答案: