Fatal编程技术网
  • javascript/
  • Javascript 问题试图让网站工作-可能的问题与我的html代码？

Javascript 问题试图让网站工作-可能的问题与我的html代码？

javascript html web-applications ftp

Javascript 问题试图让网站工作-可能的问题与我的html代码？,javascript,html,web-applications,ftp,Javascript,Html,Web Applications,Ftp,所以我有一些代码，我正试图从我的JSFIDLE实现到一个实际工作的网站/迷你应用程序中。我已经注册了域名并通过siteground获得了主机，我甚至还通过ftp上传了文件，所以我就快到了 但我认为我的HTML代码或JS代码或者我如何将JS代码实现到HTML代码中有问题，因为所有HTML和CSS元素都存在，但javascript功能缺失 这是我的小提琴： ^^单击“开始”以查看实际显示（这在实际网站中不起作用，这使我相信我的JS文件存在问题-是否与代码相关，或者这是否是因为我错误地集成了文件）（

所以我有一些代码，我正试图从我的JSFIDLE实现到一个实际工作的网站/迷你应用程序中。我已经注册了域名并通过siteground获得了主机，我甚至还通过ftp上传了文件，所以我就快到了

但我认为我的HTML代码或JS代码或者我如何将JS代码实现到HTML代码中有问题，因为所有HTML和CSS元素都存在，但javascript功能缺失

这是我的小提琴：

^^单击“开始”以查看实际显示（这在实际网站中不起作用，这使我相信我的JS文件存在问题-是否与代码相关，或者这是否是因为我错误地集成了文件）（或者甚至可能错误地上传到服务器，也许？）

这是实际的地点：

下面是我通过FTP上传到服务器的HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="script.js"></script>
    </head>

<body>
    <div id='frame'>
      <div id='display'>
        <h1 id='output'></h1>
      </div>
    </div>
    <div class="spacer">
    </div>
    <div id="main"> <!-- 11main -->
        <h1 id='consoleTitle'>Control Board</h1>
        <h5 id='consoleSub'><i>Double-click on an entry to remove. And add entries to your heart's desire...</i></h5>
        <div id="controlbox"> <!-- @@controlbox --> 
            <div id="controlpanel"></div>
            <div class="spacer"></div>    
                <div id="formula">    <!--formula -->
                    <form id="frm" method="post">
                        <input id="txt" type="text" placeholder="Insert your own entry here..." name="text">            
                        <input id='submitBtn' type="submit" value="Start">
                        <input id='stop' type="button" value="Stop">            
                            <select id="load1">
                                <option id='pre0' value="Preset 0">Preset 0</option>
                                <option id='pre1' value="Preset 1">Preset 1</option>
                                <option id='pre2' value="Preset 2">Preset 2</option>   
                            </select>
                                        <!-- These are for buttons as opposed to OPTION...
                                        <input id="load" type="button" value="Preset 1">
                                        <input id="load2" type="button" value="Preset 2"-->
                    </form>
                </div>          <!-- formula -->   
        </div>  <!-- @@controlbox -->
    </div>        <!-- 11main -->
</body>


控制板
双击要删除的条目。为你心中的渴望添加条目。。。
预设0
预设1
预设2

还有我的JS代码，也通过FTP上传到服务器（我没有附带CSS文件，但如果有帮助，我可以提供）：

$（文档）.ready（函数（）{
var txtBox=$（'#txt'）；
var frm=$（“#frm”）；
变量输出=$（“#输出”）；
var subBtn=$（'#submitBtn'）；
var stopBtn=$（'停止'）；
var loadBtn=$（'加载'）；
var loadBtn2=$（“#load2”）；
var loadBtnA=$（“#load1”）；
变量pre0=$（“#pre0”）；
变量pre1=$（“#pre1”）；
变量pre2=$（“#pre2”）；
var txt=$（“#显示”）；
变量1=[“1”、“2”、“3”]；
变量2=[“a”、“b”、“c”]；
var container=[“我们在生活中所做的一切在永恒中回响。”，“找到你的目标并赋予它生命。”，“当你努力工作时，世界向你敞开。”；
变量控制台=$（“#控制面板”）；
变量oldhold；
函数loadPreset0（）{
容器=[]；
console.empty（）；
container=[“我们在生活中所做的一切在永恒中回响。”，“找到你的目标并赋予它生命。”，“当你努力工作时，世界向你敞开。”；
updateConsole（）；
};
函数loadPreset1（）{
容器=[]；
console.empty（）；
容器=1；
updateConsole（）；
};
函数loadPreset2（）{
容器=[]；
console.empty（）；
容器=2；
updateConsole（）；
};
$（pre0）.data（'onselect'，function（）{
loadPreset0（）；
});    
$（pre1）.data（'onselect'，function（）{
loadPreset1（）；
});
$（pre2）.data（'onselect'，function（）{
loadPreset2（）；
});
$（文档）.on（'change'，'select'，函数（e）{
var selected=$（this）.find（'option:selected'），
handler=selected.data（'onselect'）；
if（处理程序类型=='function'）{
handler.call（选中，e）；
}
});
函数updateConsole（）{
对于（var z=0；z'）；
console.append（$initialEntry）；
};
};
updateConsole（）；
frm.提交（功能（事件）{
event.preventDefault（）；
如果（txtBox.val（）！=“”）{
var result=txtBox.val（）；
container.push（结果）；//1。
var resultB=container[container.length-1]；
var$entry=$（''+'-'+resultB+'
'）；
console.append（$entry）；//2。
}
变量选项={
持续时间：5000，
持续时间：1000，
效果：“随机”，
对
};
stopTextualizer（）；
文本化器（容器、选项）；
txt.textualizer（'start'）；
txtBox.val（“”）；
}); 
$（“#控制框”）。在（'dblclick'，p'，function（）上{
var$entry=$（此项）；
container.splice（$entry.index（），1）；
$entry.remove（）；
});
函数stopTextualizer（）{
文本化器（“停止”）；
文本化器（“销毁”）；
}
$（stopBtn）。单击（函数（）{
stopTextualizer（）；
});
});
任何帮助都将不胜感激。我想我只是不知道在通过ftp将html文件上传到服务器后该怎么办。也许我做得对，但我的代码有一些错误，我忽略了。基本上我迷路了。所以请帮帮我

您忘记加载jQuery了。在加载
script.js
脚本之前，请确保使用

另外，我注意到您正在
head
标记中加载脚本。这是一种糟糕的做法，请在

之前加载它们。我相信您的站点缺少jQuery。将此添加到您的代码顶部，以热链接到google的jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
ahhh！我知道这是一件我完全忽略的基本事情。谢谢非常感谢你的工作。我还忘了包括插件脚本。当更改脚本或index.html文件时-最好的推荐方法是什么（我应该通过服务器的文件管理器更改代码？还是通过文本编辑器更新实际文件，然后通过filezilla更新？或者可能通过github更新？…非常欢迎，这就是堆栈的美妙之处。不久前我使用了FTP，但最近我改用了Git，因为我看到了版本控制的曙光。FTP显然更容易，Git需要经验和shell访问。。。但我喜欢Git的功能。我永远不会直接在服务器上更新，除非有一个重要的快速变化 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>