1

我正在尝试将 js 脚本加载到我的头部两天。而且它仍然不起作用..我正在构建一个带有表单 bij 的 cms 页面，您可以在页面的 en 处订购一些产品样本（最多 5 个）有一个小的 contcat 供 m 提交请求

需要的设置：-介绍文本文本-带有图片和复选框的网格-下面的联系表格以发送示例请求

在这一点上，我已经尝试了几乎所有可能的选择。- 通过自定义页面布局 xml 添加

    <reference name="head">
    <action method="addJs"><script>js/my.js</script></action>
    </reference>

  • 制作了一个自定义 samplerequest.phtml 并通过 {{block type="core/template" template="page/kleurstalen.phtml"}} 加载

  • 添加了 js true page.xml 等。

这是我要加载的 jquery 代码：

<script type="text/javascript">
jq(document).ready(function(){
jQuery('#kleurstalenform').submit(function() {
if( jQuery('input:checked').length == 0 ) {
alert('U heeft geen stofstallen geselecteerd');
return false;
}
});
jq(":checkbox").bind('click', function(){
if( jq('input:checked').length > 4 ) {
jq(this).attr('checked', false);
alert( 'U kunt maximaal 4 stofstalen bij ons aanvragen.' );
}
});
});
var $j = jQuery.noConflict();
</script>

我不知道为什么它不起作用？也许这是一个范围问题？

谢谢你的建议！

最好的

一个

4

3 回答 3

0

您可以使用 local.xml 添加 js 文件

在这个文件 app/design/frontend/YOUR_THEME/default/layout/local.xml

<?xml version="1.0" encoding="UTF-8"?>

<default>
   <reference name="head">
     <action method="addItem">js/your_file.js</name></action>
   </reference>
</default>

并将您的 js 文件放在此位置 app/design/frontend/YOUR_THEME/default/skin/js

于 2013-06-22T17:23:55.450 回答
0

您应该已经在控制台（Chrome 开发人员工具中的 F12）中进行了检查，因为我认为您通过自定义页面 layout.xml 将脚本 my.js 添加到 head 块中做了正确的事情。但是，您添加的js会充满错误，这就是它不起作用的原因。

你已经得到了jQuery，jq然后你在最后使用设置 noConflict 变量$j。

您还通过该addJs方法包含了一个 js 文件，因此无需<script>在文件 my.js 中包含开始和结束标记。试试下面的脚本，看看它是否能让你有所收获；

var $j = jQuery.noConflict();

$j(document).ready(function() {

    $j('#kleurstalenform').submit(function() {
        if( $j('input:checked').length == 0 ) {
            alert('U heeft geen stofstallen geselecteerd');
            return false;
        }
   });

    $j(":checkbox").bind('click', function(){
        if( $j('input:checked').length > 4 ) {
            $j(this).attr('checked', false);
            alert( 'U kunt maximaal 4 stofstalen bij ons aanvragen.' );
        }
    });

});
于 2013-06-22T12:38:42.703 回答
0

我已经让 js 的复选框部分工作了！:)

我根据您的建议修改了脚本，并将下面的代码添加到我的页面布局 xml 中。（我也直接在 cms 页面中工作，而不是使用自定义块或 .phtml）

自定义布局更新 XML：

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

现在脚本工作并且只允许检查 4 个样本，这是我需要的..

但..

页面中的联系表单不发送请求表单验证也需要，（所以我必须寻找一些关于这个的教程..）我想我可以为此使用“默认”varien脚本，但现在它赢了不行

在我的示例请求 cms 页面上，我已将此添加到我的代码中

<div><form id="kleurstalenform" action="" method="POST">
<script type="text/javascript">// <![CDATA[
<
var customForm = new VarienForm('kleurstalenform');>
// ]]></script>

我认为这可以与复选框最大值的 js 文件结合使用但也许新的 varienForm 部分也需要每个 xml 的一些方向？我不知道要添加什么，让它工作..

非常感谢！

最好的

一个

于 2013-06-23T10:06:38.653 回答