Javascript 未在wordpress中加载自定义js文件

我正在尝试在wordpress中运行一些javascript库，用于财务计算器。我可以独立运行这个计算器，没有问题，就像一个html文件一样。请参阅此处的链接

这工作得很好，但当我试图在wordpress中创建一个页面来显示这个计算器时，它就不工作了。请参阅此链接

我已禁用所有插件并更改为默认主题，但错误仍然存在。我还按照wordpress的要求按照各种教程正确地将脚本排队，但仍然存在错误

这是我第一次尝试将自定义javascript添加到wordpress中，所以我可能遗漏了一些基本的东西，但我不知道是什么

谁能给我指出正确的方向吗

计算器代码如下：

<div ng-controller="financeCalcController"><![if gte IE 9]><div ng-controller="financeCalcController"><link rel="stylesheet" href="http://78.129.155.241/~ryedalel/calculate/js/jquery.nouislider.css" /><link href='http://78.129.155.241/~ryedalel/calculate/js/app.min.css' rel='stylesheet' type='text/css'><div class="finance-calc"><div id="finance-popup-inner"><h2>Finance options with Black Horse</h2><section class="finance-form"><p>How much are you looking to finance, and for how long?</p><div class="cost finance-slider"><div class="cost">£<input style='width: 80%' ng-model="cost"/><span class='finance-caption'>Cost</span></div><div ng-click="calcchange = true" class="slideui" slider ng-model="cost" start=2500 end=40000 step=100></div></div><div class="cost finance-slider"><div class="cost">£<input style='width: 80%' ng-model="deposit"/><span class='finance-caption'>Deposit</span></div><div ng-click="calcchange = true" class="slideui" slider ng-model="deposit" start=0 end=40000 step=10></div></div><div class="months finance-slider"><div class="cost"><h4 class="value" ng-bind="( months ) + ' months'"></h4><span class='finance-caption'>Duration</span></div><div ng-click="calcchange = true" class="slideui" slider ng-model="months" start=12 end=84 step=12></div></div><button ng-click="calculatePayments()" ng-bind="( calcchange && nocalc == false| switch : 'Recalculate finance' : 'Calculate finance'  )"></button></section><section id="finance-results" ng-class="{changed: calcchange}"><img src="images/blackhorse-finance-calculator.jpg" style="width: 60%;"><h3>Repayment plan</h3><p>We can offer you the following repayment plan:</p><dl><div class="finance-prop"><dt ng-bind="( months ) + ' monthly payments'"></dt><dd ng-bind="( payment.term | currency: '£' )"></dd></div><div class="finance-prop total"><dt>Total</dt><dd ng-bind="( payment.total | currency: '£'  )"></dd></div><p>At <span ng-bind='(apr * 100)'></span>% APR Representative, you'd pay that off by <span ng-bind="( payment.enddate | date : 'MMM yyyy' )"></span><br><small><small>* Finance is subject to status and is only available to UK residents aged 18 and over. Finance provided by Black Horse Limited, St William House, Tresillian Terrace, Cardiff CF10 5BH.</small></small></p><p><small>Ryedale Caravans is authorised by the FCA with Limited Permission to conduct certain credit related activity</small><br /><small>We are a credit broker/intermediary and can introduce you to a limited number of lenders who provide funding.  We may receive commission or other benefits for introducing you to such lenders.</small></p></dl><div class="clearfix"></div></section></div></div></div><script src='http://78.129.155.241/~ryedalel/calculate/js/libs.min.js'></script><script src='http://78.129.155.241/~ryedalel/calculate/js/app.min.js'>/script><![endif]></div>'

黑马融资选项您希望融资多少，融资期限多长？
成本英镑存款期限还款计划我们可以为您提供以下还款计划：
总计在4月%的代表处，您将通过
*融资取决于身份，仅适用于18岁及以上的英国居民。黑马有限公司、圣威廉大厦、特雷西利安台、加的夫CF10 5BH提供的融资。
莱代尔商队经FCA授权，有权开展某些信贷相关活动
我们是一家信贷经纪人/中介机构，可以向您介绍数量有限的提供融资的贷款人。将您介绍给此类贷款人，我们可能会收到佣金或其他好处。
/script>'

在jquery中为字体端和后端添加不同的外部css 这是一个可以解决您的问题的小函数

add_action('admin_enqueue_scripts', 'add_custom_scripts_and_styles_report' );
function add_custom_scripts_and_styles_report() {
   wp_enqueue_script( 'uniquename_custom_js', plugins_url( 'js/custom.js?'.rand(), __FILE__ ), array('jquery'), '1.0', true );

}

在这里，rand（）将向您发送js和版本以解决缓存问题，而j query则用于您的js是否依赖于j query

或

---

您是否依赖jquery？我知道wordpress对jquery来说是个麻烦，你必须在无冲突模式下运行它，并稍微调整一下你的代码，让它工作阅读关于enqueue_脚本函数的内容，这将帮助你。。。您的JS文件未正确包含。。看起来…是的，Alice，我确实尝试过使用wp_enqueue_脚本，但它对我不起作用。也许我错过了什么，我会再试一次。我尝试运行的两个脚本是：libs.min.js和app.min.jsI正在运行wp 4.7.4 Mokkun，我相信默认情况下它运行在无冲突模式下？感谢CyberAbhay提供的代码片段，但不幸的是，我尝试了这两种方法，但都没有解决问题。对于第一个方法，没有任何更改，也没有抛出任何错误。在第二个方法中，它抛出以下错误：警告：filemtime（）：子对象/home/ryedalel/public\u html/wp content/themes/Avada的stat失败‌​我/计算财务‌​/js/libs.min.js in/home/ryedalel/public_html/wp content/themes/Avada Child‌​第17行的me/functions.php我是js的完全新手，我很乐意花钱解决这个问题。感谢CyberAbhay提供的代码片段，但不幸的是，我尝试了这两种方法，但都没有解决问题。对于第一个方法，没有任何更改，也没有抛出任何错误。在第二个方法上，它抛出以下错误：警告：filemtime（）：第17行/home/ryedalel/public_html/wp content/themes/Avada Child-Theme/calculate finance/js/libs.min.js中的/home/ryedalel/public_html/wp content/themes/Avada Child-Theme/functions.php中的/home/ryedalel/public_html/wp-content/themes/Avada Child-Theme/functions.php的stat失败。我是。

function my_load_scripts($hook) {

    // create my own version codes
    $my_js_ver  = date("ymd-Gis", filemtime( plugin_dir_path( __FILE__ ) . 'js/custom.js' ));
    $my_css_ver = date("ymd-Gis", filemtime( plugin_dir_path( __FILE__ ) . 'style.css' ));

    // 
    wp_enqueue_script( 'custom_js', plugins_url( 'js/custom.js', __FILE__ ), array(), $my_js_ver );
    wp_register_style( 'my_css',    plugins_url( 'style.css',    __FILE__ ), false,   $my_css_ver );
    wp_enqueue_style ( 'my_css' );

}
add_action('wp_enqueue_scripts', 'my_load_scripts');