小编ahi*_*enb的帖子

最近，我在Chris Converse的Lynda.com上完成了一个课程，逐步介绍了如何使用Jquery创建交互式地图。完成后，我将剩下以下文件：

• index.html
• Interactive_map.css
• Interactive_map.js
• jquery-1.5.min

和图像

现在，我想接受这个项目并将其放入我的magento网站的CMS页面中。经过一些研究后，我收集了以下内容：

1. 转到/ js并添加一个名为jquery的新文件夹，并将jquery-1.5.min放置在其中
2. 打开此文件，并将以下代码行添加到末尾：var $j=jQuery.noConflict();
3. 转到interactive_map.js，将所有$替换为$ j
4. 转到我的app / design / frontend / default / mytheme / layout / page.xml下的page.xml文件

5. 添加以下代码行：

    <action method="addJs"><script>jquery/jquery-1.5.noConflict.min.js</script></action> 
   

   Run Code Online (Sandbox Code Playgroud)

另外添加以下代码行：

<action method="addItem"><type>skin_js</type><name>js/interactive_map.js</name></action>

6. 将Interactive_map.css中的信息复制到skin / frontend / default / mytheme / css / styles.css。将地图和点的CSS图像链接更改为mytheme / images
7. 转到skin / frontend / default / mytheme / js并添加my_interactivemap.js文件
8. 将所有图像移动到皮肤/前端/默认/ mytheme /图像
9. 创建一个CMS页面，然后在content字段中粘贴index.html文件中的代码

10. 在CMS页面中，进行设计，然后在Update Layout XML字段中添加：

      <reference name="head">
             <action method="addItem">
                <type>skin_js</type><name>js/interactive_map.js</name>
             </action>
           </reference>
    

    Run Code Online (Sandbox Code Playgroud)

测试页在这里。它的某些部分起作用，例如单击点，它们会更改颜色，但是表单不会过滤任何数据，并且不会显示任何图像或描述。可能是html内容，但我不确定。我现在几乎陷入困境，很乐意为安装该项目提供一些帮助。

如果可以的话请帮助，我真的很沮丧。

这是javascript：

// …