Question

使用xampp，我无法使用jquery脚本（创建一个模态框）。但是，如果我只是执行html（即转到htdocs文件夹中的文件而不是localhost），那么它可以正常工作。任何人都知道为什么或如何让它发挥作用？

这是代码，如果我不导航到localhost，它的工作也很精细，所以我不确定是否需要用xampp做其他事情？我确实尝试使用jquery文件的本地文件路径，然后尝试通过localhost进行链接，这不是问题所在。

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Login Form</title>
  <link rel="stylesheet" href="css/style.css">
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="https://localhost/avesi/jquery.paulund_modal_box.js"></script>

</head>
<body>
  <section class="container">
    <div class="login">
      <h1>Login to Web App</h1>
      <form method="post" action="checklogin.php">
        <p><input type="text" name="login" value="" placeholder="Username or Email"></p>
        <p><input type="password" name="password" value="" placeholder="Password"></p>
        <class="submit"><input type="submit" name="Login" value="Login">
      </form>
    </div>
    <a href="#" class="paulund_modal">Click Here</a>


<button type = "button" id="dialog">Click Me!</button>

<script>
$(document).ready(function(){
    $('.paulund_modal').paulund_modal_box();
});
</script>
</body>
</html>

注意：Jquery不是我的，我只是想让模态工作。

Answer 1

是删除此行

<script src="https://localhost/avesi/jquery.paulund_modal_box.js"></script>

希望这会得到解决

你的xamp会有问题。您的xamp将处于离线状态。

Answer 2

将jQuery下载到 root / js 文件夹中： /js/jquery.min.js 然后更改代码：

<script src="/js/jquery.min.js"></script>
<script src="/avesi/jquery.paulund_modal_box.js"></script>

Jquery没有使用xampp

2 个答案: