在我的phtml文件zend 2中无法访问带有数据操作的js文件

时间:2015-05-07 10:07:06

标签: zend-framework2 action php

我正在使用ZF2开发一个新的应用程序。问题出在我的.phtml文件中。我有一个<div>包含data-action的js文件,但问题是当我点击时没有任何反应。

我不知道问题是什么。

这是我的代码:

<html>
    <head>
        <meta charset="UTF-8">
        <?php
        echo $this->headLink(array('rel' => 'shortcut icon', 'type' =>    'image/vnd.microsoft.icon', 'href' => $this->basePath() . '/img/favicon.ico'))
        //<!-- Theme CSS -->
            ->prependStylesheet('/css/font.css')
            ->prependStylesheet('/css/picedit.css')
            ->prependStylesheet('/dist/css/picedit.min.css')
            ->prependStylesheet($this->basePath() . '/frontend/css/picedit.min.css')
        ?>
    </head>
    <body>
        <form name="testform" action="out.php" method="post"   enctype="multipart/form-data">
            <div class="picedit_action_btns active">
                <div class="picedit_control ico-picedit-picture" data-action="load_image">      </div>
                <div class="picedit_control ico-picedit-camera" data-action="camera_open">   </div>
                <div class="center">or copy/paste image here</div>
            </div>
        </form>
        <script src="<?php echo $this->basePath(); ?>/dist/js/picedit.js"></script>
        <script src="<?php echo $this->basePath(); ?>/dist/js/picedit.min.js">  </script>
        <script src="<?php echo $this->basePath(); ?>/dist/js/jquery.min.js">  </script>
        <script src="<?php echo $this->basePath(); ?>http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $('.picedit_box').picEdit({
                    imageUpdated: function (img) {},
                    formSubmitted: function () {},
                    redirectUrl: false,
                    defaultImage: false
                });
            });
        </script>
    </body>
</html>

有任何帮助吗?感谢。

1 个答案:

答案 0 :(得分:0)

最好添加这样的脚本:

<?php 
echo $this->headScript()->prependFile($this->basePath() . '/js/some_file.js')
                        ->prependFile($this->basePath() . '/js/another_file.js');

这与添加样式表的方式非常相似。

您可以查看official ZF2 documentation on this here

请尝试这个,如果之后仍然无效,请回来。