Question

我在.asp页面中遇到Jquery和Javascript的问题。似乎Jquery根本没有工作。

我插入一张带有2张图像的翻转卡片。在可以正常工作的html页面上，但是我很快就将它插入到不再起作用的.asp页面中。

这是我的代码：

<!-- #include file="../_include/config.asp" -->
<!-- #include file="../_include/fonctions.asp" -->
<!-- #include file="../_include/check_connect.asp" -->
<%
chapitre="cartesmemo"
page="index.asp"


%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title><%=GetTexte("titrePage")%></title>

<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!--JS flip -->
<script src="js/jquery-3.1.1.js"></script>
<script src="flip-master/dist/jquery.flip.js"></script>


<!--css flip-->


<!-- Custom styles for this template -->
<link href="../_include/commun.css" rel="stylesheet">
<link href="../_include/mystyle.css" rel="stylesheet">
<!--Police Marydale pour la version smartphone -->
<script src="https://use.typekit.net/sgh1xfn.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>




<!-- début js flip  --> 



</head>
<!--  ici, dans le body on indique dans la page si c'est minutes ou autres pour avoir le bon fond, les bonnes couleurs de titre, de puces et de picto (attention juste au picto à génerer en fonction de la rubrique) -->

<body class="fondmemo">
<div class="container-fluid">
  <div class="row"> 
    <!-- sidebar navigation gauche  -->
    <nav class="navbar col-sm-3 col-md-3 sidebar"> 

      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header"><a href="<%=home_path&"home.asp"%>"><img src="../_images/logo-my.png" width="144" height="96" alt="logo my.doit" class="hidden-xs"></a>
        <div class="logo">my.doit.network</div>
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <!-- #include file="../menu.asp" --> 

      </div>
    </nav>
    <!-- fin sidebar  navigation gauche  --> 

    <!-- page principale   -->
    <div class="col-sm-9 col-sm-offset-3 col-md-9 col-lg-9 col-md-offset-3 main">
      <div class="row titre">
        <h1><%=GetTexte("titrePage")%></h1>
      </div>
      <ol class="breadcrumb">
        <li><a href="<%=home_path&"home.asp"%>"><%=GetTexte("fil_ariane1")%></a></li>
        <li class="active"><%=GetTexte("fil_ariane2")%></li>
      </ol>

      <!-- page principale   -->

      <div class="row pageblanche">
        <div class="pictotitre" style="float:left"> 
          <!-- ici on indique le bon picto  de rubrique  -->
          <div class="rond center-block"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></div>
        </div>
        <!-- fin picto   -->

        <h2>Nom de la carte</h2>
        <div class="row contenupageblanche">

<div id="notice" class="row col-md-12">
<p class="glyphicon glyphicon-download-alt text-uppercase" style="font-size:12px"> Cliquez sur la carte mémo pour voir son verso</p>
</div> 

<div class="center-slider col-md-12">

<!--début flip-->
<div class="flip">
  <div class="front"><img src="img/superheroes-cartes-flash-green-lantern.jpg" alt="" /></div>
  <div class="back"><img src="img/superheroes-cartes-postales-batman-robin.jpg" alt="" /></div>
</div>
<!--fin flip-->

</div>      

        </div>
      </div>
    </div>
    <!-- fin page principale   --> 

  </div>
  <!-- fin row   --> 

</div>
<!-- fin container  --> 
<script>
$(function(){
    $(".flip").flip({
        trigger: 'click'
    });
});
</script>
</body>
</html>
<!-- #include file="../_include/close.asp" -->

我真的不明白这一点。

感谢您的帮助

Answer 1

查看浏览器的控制台。看到jquery文件没有给出404错误。

将Jquery与.asp页面一起使用

1 个答案: