我是新的基礎zurb 6. 我寫了一個jQuery自己顯示和隱藏一些文本。 但是,當我jQuery的添加到HTML文件時,它不會(沒有基礎,它的工作)工作了,所以我創建了一個名爲custom.js這個代碼我在此文件中創建的其他文件:自定義與基礎jQuery的組合
$(document).ready(function(){
$(".afspraak-rij").hide();
$(".offerte-rij").hide();
$(".afspraak").click(function(){
$(".afspraak-rij").show();
$(".offerte-rij").hide();
)};
$(".offerte").click(function(){
$(".afspraak-rij").hide();
$(".offerte-rij").show();
)};
)};
在HTML文件我有這個在底部:
<script src="js/vendor/custom.js"></script>
我如何讓litle代碼工作?
這是代碼的一部分,貌似現在:
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<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">
<title>Oefensite Foundation</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="background" />
<div class="background2" />
\t <div class="row">
<div class="large-12 columns">
<div class="success callout">
<p class="text-center"><strong>Wiek de Laat.</strong><br>Dit is het vernieuwde offerte aanvraag formulier van Wiek de Laat.</p>
</div>
</div>
</div>
<div class="row">
\t \t <div class="large-12 columns">
\t \t <h1 class="text-center">Aanvraag Wiek de Laat</h1>
\t \t </div>
</div>
<form class="form callout">
\t <hr />
\t <div class="row">
\t \t <div class="large-12 columns">
\t \t \t <div class="large-12 columns text-center">
\t \t \t \t <h5><strong>3. Afspraak/offerte</strong></h5>
\t \t \t \t <div class="row">
\t \t \t \t \t <div class="large-12 columns">
\t \t \t \t \t \t <input type="radio" class="afspraak" name="afof" value="afspraak" id="af"><label for="af">Afspraak</label>
\t \t \t \t \t \t <input type="radio" class="offerte" name="afof" value="offerte" id="of"><label for="of">Offerte</label>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t \t <div class="row afspraak-rij">
\t \t \t \t \t <div class="large-12 columns"> \t \t \t
\t \t \t \t \t \t <h5><strong>Afspraak</strong></h5>
\t \t \t \t \t \t <div class="row">
\t \t \t \t \t \t \t <div class="large-6 columns text-center">
\t \t \t \t \t \t \t \t <input type="radio" name="metwie" value="destil" id="destil"><label for="destil">Destil product specialist</label>
\t \t \t \t \t \t \t \t <label>Wat is de vraag/behoefte?</label><textarea placeholder="small-12.columns"></textarea>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t <div class="large-6 columns text-center">
\t \t \t \t \t \t \t \t <input type="radio" name="metwie" value="wiek" id="wiek"><label for="wiek">Wiek de Laat adviseur</label>
\t \t \t \t \t \t \t \t <label>Wat is de vraag/behoefte?</label><textarea placeholder="small-12.columns"/></textarea>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t </div>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t \t <div class="row offerte-rij">
\t \t \t \t \t <div class="large-12 columns"> \t \t \t
\t \t \t \t \t \t <h5><strong>Offerte</strong></h5>
\t \t \t \t \t \t <div class="row">
\t \t \t \t \t \t \t <div class="large-4 columns">
\t \t \t \t \t \t \t \t <input type="checkbox" name="voorwat" value="aandrijving" id="aandrijving"><label for="aandrijving">Aandrijving</label>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t <div class="large-4 columns">
\t \t \t \t \t \t \t \t <input type="checkbox" name="voorwat" value="vergrendeling" id="vergrendeling"><label for="vergrendeling">Vergrendeling</label>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t <div class="large-4 columns">
\t \t \t \t \t \t \t \t <input type="checkbox" name="voorwat" value="toegangscontrole" id="toegangscontrole"><label for="toegangscontrole">Toegangscontrole</label>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t </div>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t </div>
\t <hr />
</form> \t
\t
\t
\t <script src="js/vendor/custom.js"></script>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>
在代碼中添加此腳本文件的jQuery後。 –
@MuhammadUsman我在我的代碼中有jquery,但我刪除它,因爲我現在使用基礎。當我在我的代碼中創建Jquery(與之前一樣)時,它不起作用。所以這就是問題... –