Question

我创建了一个使用表单输入用户反馈的网页。成功提交后，我在同一页面上显示感谢信息，我正在使用javascript。

当我将javascript放在同一页面上时，代码执行得很好。但是，当我尝试将脚本分离到文件（在测试Web服务器中）时，它停止执行。

你能帮忙吗？

相关代码如下：头元素

<head>
        <meta charset="utf-8" />
        <!-- For proper rendering and touch zooming in mobile devices -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="shortcut icon" type="image/x-icon" href="images/logo.ico" />

        <title><?= htmlspecialchars($title) ?></title>
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <link rel="stylesheet" type="text/css" href="css/style.css" />      
        <script type="text/javascript" src="../javascript/submit-logic.js"></script>

    </head>

javascript函数的前2-3行：

$(function () 
{
    $('form').submit(function (e) 
    {                   
        e.preventDefault();

详细代码（HTML，CSS，Javascript）可以在我的codepen中找到（这是按预期工作的）：http://codepen.io/abbor123/pen/YGwVXg

Javascript文件夹位于Public文件夹之外，具有755权限。

修改1：

文件树屏幕截图：

控制台错误屏幕截图 :( submit-logic.js是我的javascript文件的名称。悬停在此链接上的网址是：/javascript/submit-logic.js：1）< / p>

javascript代码页位于以下网址： https://gist.github.com/abor123/3193eb399c3f973be453ae9a8fcc0ce5

Answer 1

将您的javascript文件夹移动到public_html中。正如Quentin评论的那样，您的服务器可能未设置为提供public_html之外的任何文件。

放置在外部文件中的Javascript文件未执行

1 个答案: