Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery CakePHP 2.x开放模式框以及AJAX_Jquery_Ajax_Cakephp 2.0_Cakephp 2.1 - Fatal编程技术网

Jquery CakePHP 2.x开放模式框以及AJAX

Jquery CakePHP 2.x开放模式框以及AJAX,jquery,ajax,cakephp-2.0,cakephp-2.1,Jquery,Ajax,Cakephp 2.0,Cakephp 2.1,我是CakePHP2.x的新手。我现在做的是我已经在CakePHP1.3中完成了 我已经在表视图中显示了所有数据。我想在用户单击“添加和编辑”按钮时打开一个modalbox。我还在CakePHP2.x中完成了AJAX活动和AJAX分页 使用$this->ajax->link 现在,在简单的html文件中,当我编写以下代码时,会出现一个modalbox: <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/

我是CakePHP2.x的新手。我现在做的是我已经在CakePHP1.3中完成了

我已经在表视图中显示了所有数据。我想在用户单击“添加和编辑”按钮时打开一个modalbox。我还在CakePHP2.x中完成了AJAX活动和AJAX分页

使用
$this->ajax->link

现在,在简单的html文件中,当我编写以下代码时,会出现一个modalbox:

<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

你能帮我摆脱这个问题吗


提前感谢

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

比如:


$.noConflict();
//使用其他库的$的代码可以在这里找到。
之后,您可以使用jQuery调用jQuery,如下所示:

jQuery(文档).ready….

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