Question

我为我之前编写的基本HTML / CSS页面创建了一个脚本，它在标准网站上运行良好但是当我尝试将其导入我的客户端的新Wordpress网站时，脚本并没有。工作。

新网站：http://www.fencingfabrication.com.au/quote-calculator/

HTML

*<h1>S & N Fencing</h1>
        <h2>Get a fencing quote today</h2>
        <h4>Requires browser Javascript</h4>
        <h3>Gate dimenstions</h3>
        Wood Look 10% extra<input type="checkbox"  id="check1" value=false><br>
        <p>Length in mm</p><input id="a" type="text"/>
        <p>Width in mm</p><input id="b" type="text"/>
        <br><br><br>

        <input type="button" onclick="val()" value="Calculate Total"/>*


<script type="text/javascript"> 
    var a,b;    /*creates variables a and b*/

    var gatePrice = 500; /*price per square meter of fencing*/

    function setValues() /*assigns value of a and b using id*/
    {
        a = Number(document.getElementById("a").value); 
        b = Number(document.getElementById("b").value);

    }

    function check_tenpercent(checkbox) /*checks if check boxes are checked and adds assigns values to variable*/
    {
        var retval = 1;
        if(checkbox.checked == true)
        {
            retval = 1.1;
        }
        return retval;
    }

    function val()
    {
        setValues();
        var rate1 = check_tenpercent(document.getElementById("check1"));


        gateMeters = a*b / 1000000;

        gateMeters = gateMeters * rate1;

        gateMeters = gateMeters * gatePrice;


        result = gateMeters;
        if(result >= 700){
        alert("The total fencing price for this job is" + " $" + result.toFixed(2)); /*gives out total price of fencing*/
        }else {
            alert("This job would cost" + " $" + result.toFixed(2) + ". " + "Minimum price is $700");
        }
    }
</script>

Answer 1

您需要在您的functions.php

中将您的CSS和JavaScript文件排入队列

在创建主题时，您可能需要创建其他样式表或JavaScript文件。但是，请记住一个WordPress   网站不会只是让您的主题活跃，它也将使用   许多不同的插件。所以一切都和谐地运作，这是   重要的是主题和插件加载脚本和样式表使用   标准的WordPress方法。这将确保网站保持不变   高效且没有不兼容问题。

向WordPress添加脚本和样式是一个相当简单的过程   从本质上讲，您将创建一个将所有人排入队列的功能   脚本和样式。在排队脚本或样式表时，WordPress   创建一个句柄和路径来查找文件及其依赖项   可能有（像jQuery），然后你将使用一个将插入的钩子   你的脚本和样式表。

Some instructions from the WordPress theme handbook

Answer 2

我认为内容已被 WordPress kses过滤器转义。 Kses过滤器使输入HTML安全。如果您不具备Kses功能，则默认情况下会启用unfiltered_html过滤器（默认情况下，如果网站不是多站点，则编辑和管理员具有此权限。在多站点中，只有超级管理员具有那个许可）。

WordPress在输出中转义输入HTML。您可以通过删除过滤器来停止转义HTML，但这会使WordPress不安全。

您应该检查编辑屏幕中的内容，然后检查输出内容。

Answer 3

当我们点击计算按钮时，您的功能 val（）未被调用。如果您检查该按钮，则会看到没有定义 onclick 。

我的Javascript无法在Wordpress中运行

3 个答案: