个人中心
gpt4 book ai didi

jquery - 如何让 jquery 插件实时显示？它只出现在本地

转载 作者：行者123 更新时间：2023-11-28 06:27:57 25 4
gpt4 key购买 nike

我目前正在开发一个使用 ddslick jquery 插件的网站。它允许图像与下拉选择菜单中的文本并排放置。问题是当我在本地运行它时它可以工作，但当我将它上传到我在网络上的网站时却没有。我想知道是否有人遇到过此错误或知道如何解决此问题？谢谢。 

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.1/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="ddslick.js"></script>
<link rel="stylesheet" type="text/css" href="register.css">
</head>
<body>


<section class="formRegister"  ng-app >
<form class="form-inline" name="formRegister" id="register" action="home.php" method="post" >
<h2> Register </h2>
 <p> Welcome  </p>
<p class="errorValidation" ng-show="formRegister.fullname.$invalid && formRegister.fullname.$touched">Please enter your name </p>
  <div class="form-group">
    <input type="text" class="form-control" id="fullName" name="fullname"  placeholder="Full Name" ng-model="user.fullname" ng-required="true"> 
  </div> <br> <br>
  <p class="errorValidation" ng-show="formRegister.email.$invalid && formRegister.email.$touched">Please enter a valid email address </p>
  <div class="form-group">
    <input type="email" class="form-control" id="email" name="email" placeholder="Email" ng-model="user.email" ng-required="true">
  </div> <br> <br>
  <p class="errorValidation" ng-show="formRegister.passwordR.$invalid && formRegister.passwordR.$touched">Password must be at least 8 characters</p>
  <div class="form-group">
  <input type="password" class="form-control" id="initialPassword" name="passwordR"
   placeholder="Enter Password" ng-model= "user.password" ng-required="true" ng-minlength="8">
   </div> <br> <br>

   <div id="myDropdown"></div>
       <select id="schools">
        <option value="0" data-imagesrc="brown.gif"  data-description="Brown University">Brown University</option>
        <option value="1" data-imagesrc="dartmouth.gif"data-description="Dartmouth University">Dartmouth University</option>
        <option value="2" data-imagesrc="drexel.gif"data-description="Drexel University">Drexel University</option>
          <option value="3" data-imagesrc="georgemason.gif" data-description="George Mason University">George Mason University</option>
          <option value="4" data-imagesrc="georgiatech.gif" data-description="Georgia Tech">Georgia Institute of Technology</option>
        <option value="5" data-imagesrc="georgewashington.gif" data-description="George Washington University">George Washington University</option>
         <option value="6" data-imagesrc="georgetown.gif" data-description="George Town">George Town University</option>
        <option value="7" data-imagesrc="ncstate.gif" data-description="North Carolina State University">North Carolina State University</option>
        <option value="8" data-imagesrc="nyu.png" data-description="New York University">New York University</option>
        <option value="9" data-imagesrc="harvard.gif" data-description="Harvard University">Harvard University</option>
        <option value="10" data-imagesrc="northeastern.gif" data-description="Northeastern University">Northeastern University</option>
        <option value="11" data-imagesrc="ohiostate.gif" data-description="Ohio State University">Ohio State University</option>
        <option value="12" data-imagesrc="purdue.gif" data-description="Purdue University">Purdue University</option>
        <option value="13" data-imagesrc="townson.jpg" data-description="Townson University">Townson University</option>
        <option value="14" data-imagesrc="upenn.gif" data-description="University of Pennsylvania"> University of Pennsylvania</option>
        <option value="15" data-imagesrc="utexasdallas.jpg" data-description="University of Texas - Dallas"> University of Texas - Dallas</option>
        <option value="16" data-imagesrc="uva.gif" data-description="University of Virginia">University of Virginia</option>
        <option value="17" data-imagesrc="sandiego.jpg" data-description="University fo San Diego"> University fo San Diego</option>
        <option value="18" data-imagesrc="vanderbilt.gif" data-description="Vanderbilt University">Vanderbilt University</option>
         <option value="19" data-imagesrc="vatech.gif" data-description=" Virginia Polytechinic Institute and State University">Virginia Polytechinic Institute and State University</option>
          <option value="20" data-imagesrc="yale.gif" data-description=" Yale University">Yale University</option> 

    </select>
  <br />
  <button type="submit" name="submit" class="btn btn-default">Register</button>
</form>
</section>

<script type="text/javascript">
  $(document).ready( function(){
    $('#schools').ddslick();
});

</script>
</body>
</html>

最佳答案

问题是这样的:

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

我假设您在服务器中有这个...如果不是，这就是问题所在，另一件事是您必须将路径更改为正确的根目录:src="rootname/ifmorefolders/ddslick.js "

关于jquery - 如何让 jquery 插件实时显示？它只出现在本地，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35158466/

25 4 0
文章推荐： javascript - 双击\隐藏上层时防止下层双击事件
文章推荐： javascript - 如果在新选项卡中打开时单击 anchor 链接(按住 Ctrl 并单击窗口)，如何不在 anchor 链接上运行 onclick
文章推荐： ios - 如何滑动查看维护的导航栏项？
文章推荐： php - 函数不显示表格
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com