在TOP的顶部添加一个带有块的jQuery

Question

I have an extension in magento which adds a block in the header for loading jQuery:

<reference name="head">            
     <block type="page/html" 
            template="csdev/embedjquery/embed_jquery.phtml" 
            output="toHtml" 
            name="csdev_embedjquery" />
</reference>

The content of the block is the following:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" />

<script type="text/javascript">    
    $.noConflict();
    alert(jQuery);
</script>

The problem is that jQuery will be added too late, after prototype. It needs to added before prototype, so i can execute the noConflict() function.

Also, since I don't want to overwrite the magento head-template or the magento head-block, I added the following:

output="toHtml"

but that's too late :(...

Is there a solution such as "add this block on top of the reference (head) with output='toHtml'"?

I tried:

before="-"

but it doesn't seem to work, because I wrote:

output="toHtml"

My Magento Version is 1.7.

Answer 1

Your problem is that you are adding it as a phtml file, instead of a JS file. Try adding this instead into page.xml, within default -> root -> head (around lines 37 to 61):

<action method="addJs"><script>jquery/jquery.js</script></action>

Then create a folder within /js called jquery, and upload jquery.js into that file. At the end of the jquery.js file, append the noConflict method call. That should fix your problem.