Question

我最近将我的网站上传到MAMP服务器，却发现JavaScript无法正常工作。在我的计算机上查看文件时，脚本运行正常。但是，现在我的项目在我的服务器上保存为PHP文件，JavaScript不再有效。下面的代码在我的计算机上运行正常，但在服务器上运行不正常。

<script type="text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

下面我通过公共Dropbox文件夹链接了我的网站文件。从我的index.php文件的底部（在body标记之上）调用JavaScript，并且js文件夹包含文件bootstrap.js，这是我在调用时遇到问题的文件。

<p>Some HTML</p>

<?
\Stripe\Stripe::setApiKey("#");

$token = $_POST['#'];

try {
$charge = \Stripe\Charge::create(array(
"amount" => 2000, // amount in cents, again
"currency" => "usd",
"source" => $token,
"description" => "Example charge")
);
} catch(\Stripe\Error\Card $e) {

}

?>

Answer 1

感谢您的帮助和回复，但我找到了问题的罪魁祸首。问题在于我如何将我的PHP脚本放在HTML中。我通过将PHP放在HTML和Javascript元素之间做了一个简单的错误，这阻止了我的PHP下面的元素被执行。我发现this Stack Overflow link真有帮助。还要感谢@bresson在我的＆＃34; src = js / bootstrap.js＆＃34;前面指出不必要的斜线，这有帮助。

而不是：

<p>Some HTML</p>

<?
\Stripe\Stripe::setApiKey("#");

$token = $_POST['#'];

try {
$charge = \Stripe\Charge::create(array(
"amount" => 2000, // amount in cents, again
"currency" => "usd",
"source" => $token,
"description" => "Example charge")
);
} catch(\Stripe\Error\Card $e) {

}

?>

<script type="text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript" src= "js/bootstrap.js"></script>

我需要这个：

<p>Some HTML</p>


<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript" src= "js/bootstrap.js"></script> 

 <?
\Stripe\Stripe::setApiKey("#");

$token = $_POST['#'];

try {
$charge = \Stripe\Charge::create(array(
"amount" => 2000, // amount in cents, again
"currency" => "usd",
"source" => $token,
"description" => "Example charge")
);
} catch(\Stripe\Error\Card $e) {

}

?>

Answer 2

在不知道错误的情况下（其中包括），我会查看最简单的修复方法，看起来bootstrap.js的文件路径可能不正确（如提到的humble.rumble）。尝试从CDN中提取以下bootstrap.js文件：

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"> </script>

或者，您的bootstrap文件引用域根目录中的bootstrap.js：

<script type="text/javascript" src= "/js/bootstrap.js"></script>

删除斜杠＆＃34; ** / ** js / bootstrap.js＆＃34;并且只引用相对于index.php的引导程序：

<script type="text/javascript" src= "js/bootstrap.js"></script>

在我的本地MAMP服务器上，JavaScript不起作用

2 个答案: