最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

php - Zend Framework: How can I add JavaScript element after the scripts in head? - Stack Overflow

programmeradmin2浏览0评论

I have a partial which loads all mon links and styles in head and I use setScript in other pages for local scripts. I want to add the following script which is located in my view/scripts after other scripts but zf appends it at first:

<? $this->headScript()->setScript('$(document).ready(function() {
        $("#birthdate").datepicker();
        });', 
    $type = 'text/javascript') ?>

which leads to following code:

<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>

but I want:

<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>

I have a partial which loads all mon links and styles in head and I use setScript in other pages for local scripts. I want to add the following script which is located in my view/scripts after other scripts but zf appends it at first:

<? $this->headScript()->setScript('$(document).ready(function() {
        $("#birthdate").datepicker();
        });', 
    $type = 'text/javascript') ?>

which leads to following code:

<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>

but I want:

<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.dcmegamenu.1.3.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#birthdate").datepicker();
        });
</script>
Share asked Dec 16, 2011 at 20:20 eneepoeneepo 1,4573 gold badges22 silver badges34 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

Try calling:

<? $this->headScript()->appendScript('$(document).ready(function() {
        $("#birthdate").datepicker();
        });', 
    $type = 'text/javascript') ?>

Try adding your other files using:

<? $this->setScript()
->prependFile('/js/jquery-ui-1.8.16.custom.min.js')
->prependFile('/js/jquery.hoverIntent.minified.js') 
->prependFile('/js/jquery.dcmegamenu.1.3.3.min.js') 
->prependFile('/js/jquery-1.7.1.min.js') ;
?>
发布评论

评论列表(0)

  1. 暂无评论