在Zend 2中使用自定义JQuery脚本

时间:2013-09-12 20:57:10

标签: javascript jquery zend-framework zend-framework2

我是Zend Framework的新用户,我尝试在项目中处理一些JS。我在layout.phtml

中有以下代码
<head>
    <!-- Scripts -->
    <?php echo $this->headScript()->prependFile($this->basePath() . '/js/html5.js', 'text/javascript', array('conditional' => 'lt IE 9',))
                                  ->prependFile($this->basePath() . '/js/jquery.min.js')
                                  ->prependFile($this->basePath() . '/js/bonsai.min.js')
                                  ->prependFile($this->basePath() . '/js/ui-controller.js'); ?>

</head>

我的ui-controller.js包含简单的JQuery脚本:

$(document).ready(function() {
    alert('test);
});

问题是它根本没有执行...我在Chrome中检查了Firebug,我的文件链接正确。 HTML代码似乎也没问题......任何人都可以帮助我吗?

[编辑]
我想说我知道我可以使用ZendX_JQuery插件,但我想知道如果使用其他JavaScript库时该如何使用...

[编辑2]

我在控制台中收到此错误:

  

未捕获的ReferenceError:$未定义ui-controller.js:1 GET
  http://myproject.localhost/js/jquery-1.10.2.min.map 404(未找到)

1 个答案:

答案 0 :(得分:1)

我猜你的JS文件的顺序是个问题。因为您正在连续调用prependFile(),所以ui-controller.js文件将首先出现在HTML源代码中,因此它将在jQuery之前加载。 appendFile()(或改变其顺序),它应该可以正常工作。

相关问题