按钮在页面加载时不起作用

时间:2014-05-06 08:54:29

标签: jquery html

所以我让这些按钮与jQuery一起使用,除了第一个按钮之外它们工作得很好。但是当单击另一个按钮然后单击第一个按钮然后它们就可以工作了。因此,似乎只有第一个按钮不能在页面重新加载。我很难说它与jQuery没有正确加载有关。

非常欢迎任何帮助,谢谢!

这是我的代码:

HTML

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Boekingsfilter</title>       

    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
    <link rel="stylesheet" href="OrganicTabs/css/style.css">
    <link rel="stylesheet" href="../pagina_1/new.css"> 

    <script type="text/javascript" src="../JqueryUI/js/ui.js"></script>         
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="OrganicTabs/js/organictabs.jquery.js"></script>
 </head>

<div id="page-wrap">
    <h1 class="font">Boekingsfilter</h1>        

    <div id="example-one">
        <ul class="nav">
            <li class="a"><a href="#medewerker" class="current">Medewerker</a></li>
            <li class="b"><a href="#datum_overboeking" class="current">Datum overboeking</a></li>                                              
            <li class="c"><a href="#juliete_geinformeerd" class="current">Juliette geinformeerd</a></li>
            <li class="d"><a href="#boekingsnummer" class="current">Boekingsnummer</a></li>
            <li class="e"><a href="#land" class="current">Land</a></li>
            <li class="f"><a href="#huiscode" class="current">Huiscode</a></li>
            <li class="g"><a href="#aanbieder" class="current">Aanbieder</a></li><br><br><br>
            <li class="h"><a href="#contractvorm" class="current">Contractvorm</a></li>
            <li class="i"><a href="#huursom" class="current">Huursom</a></li>
            <li class="j"><a href="#periode_van" class="current">Periode van</a></li>
            <li class="k"><a href="#periode_tot" class="current">Periode tot</a></li>
            <li class="l"><a href="#distributiekanaal" class="current">Distributiekanaal</a></li>
            <li class="m"><a href="#naam_klant" class="current">Naam klant</a></li>
            <li class="n"><a href="#reden" class="current">Reden</a></li><br><br><br>
            <li class="o"><a href="#nieuwe_boeking" class="current">Nieuwe boeking</a></li>
            <li class="p"><a href="#reden_geen_nieuwe_boeking" class="current">Reden geen nieuwe boeking</a></li>
            <li class="q"><a href="#boete_aanbieden" class="current">Boete aanbieden</a></li>
            <li class="r"><a href="#administratie_geinformeerd_voor_inhouding_boete" class="current">Administratie geinformeerd voor inhouding boete</a></li>
            <li class="s"><a href="#bedrag_van_boete" class="current">Bedrag van boete</a></li>
            <li class="t"><a href="#coulance_happyhome" class="current">Coulance Happyhome</a></li>
            <li class="u"><a href="#opmerking" class="current">Opmerking</a></li>
        </ul>

    <div class="list-wrap">
        <ul id="medewerker" class="hide">               
            <li><label for="medewerker"><h4>Medewerker</h4></label><br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker">Charlene<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker1">Ellen<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker2">Esmeralda<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker3">Lieke<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker4">Mandy<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker5">Manon<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker6">Samantha<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker7">Sonja<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker8">Susan<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker9">Susanne<br></li>
            <li><input type="checkbox" id="medewerker" name="medewerker10">Simone<br></li>
        </ul> 

        <ul id="datum_overboeking" class="hide">             
            <li><label for="datum_overboeking"><h4>Datum overboeking</h4></label></li>
            <li><input id="date3" type="text" name="datum_overboeking" value="<?php echo $datum_overboeking; ?>" /></li>
        </ul>

        <ul id="juliete_geinformeerd" class="hide">               
            <li><label for="juliete_geinformeerd"><h4>Juliette geinformeerd</h4></label></li>
            <li><input type="checkbox" id="juliette_geinformeerd" name="juliette_geinformeerd1">ja<br></li>
            <li><input type="checkbox" id="juliette_geinformeerd" name="juliette_geinformeerd2">nee</li>
        </ul>

        <ul id="boekingsnummer" class="hide">                                
            <li><label>Boekingsnummer</label></li>
            <li><input type="text" name="boekingsnummer" size="20" id="boekingsnummer" onkeyup="lookup2(this.value);" onblur="fill();" >
            <div class="suggestionsBox" id="suggestions2" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList2"></li>
        </ul> 

        <ul id="land" class="hide">                                
            <li><label for="land"><h4>Land</h4></label>
            <li><input type="checkbox" id="land" name="land1">Nederland<br></li>
            <li><input type="checkbox" id="land" name="land2">België<br></li>
            <li><input type="checkbox" id="land" name="land3">Duitsland<br></li>
            <li><input type="checkbox" id="land" name="land4">Frankrijk<br></li>
            <li><input type="checkbox" id="land" name="land5">Hongarije<br></li>
            <li><input type="checkbox" id="land" name="land6">Italië<br></li>          
            <li><input type="checkbox" id="land" name="land7">Kroatië<br></li>
            <li><input type="checkbox" id="land" name="land8">Luxemburg<br></li>
            <li><input type="checkbox" id="land" name="land9">Oostenrijk<br></li>
            <li><input type="checkbox" id="land" name="land10">Slovenië<br></li>
            <li><input type="checkbox" id="land" name="land11">Spanje<br></li>
            <li><input type="checkbox" id="land" name="land12">Tsjechië<br></li>
            <li><input type="checkbox" id="land" name="land13">Zwitserland<br></li>
        </ul>

        <ul id="huiscode" class="hide">                                
            <li><label>huiscode</label></li>
            <li><input type="text" name="huiscode" size="20" id="huiscode" onkeyup="lookup5(this.value);" onblur="fill();" >
            <div class="suggestionsBox" id="suggestions5" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList5"></li>
        </ul>

        <ul id="aanbieder" class="hide">                                
            <li><label for="aanbieder"><h4>Aanbieder</h4></label></li>
            <li><input type="checkbox" id="aanbieder" name="aanbieder1">Agent<br></li>
            <li><input type="checkbox" id="aanbieder" name="aanbieder2">Camping<br></li>
            <li><input type="checkbox" id="aanbieder" name="aanbieder3">Park<br></li>
            <li><input type="checkbox" id="aanbieder" name="aanbieder4">Particulier<br></li>
        </ul>

        <ul id="contractvorm" class="hide">                                
            <li><label for="contractvorm"><h4>Contractvorm</h4></label></li>
            <li><input type="checkbox" id="contractvorm" name="contractvorm1">Aanvraag<br></li>
            <li><input type="checkbox" id="contractvorm" name="contractvorm2">Exclusiviteit<br></li>
            <li><input type="checkbox" id="contractvorm" name="contractvorm3">Prioriteit<br></li>
        </ul>

        <ul id="huursom" class="hide">                                
            <li><label>huursom</label></li>
            <li><input type="text" name="huursom" size="20" id="huursom" onkeyup="lookup6(this.value);" onblur="fill();" >    
            <div class="suggestionsBox" id="suggestions6" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList6"></li>
        </ul>

        <ul id="periode_van" class="hide">                                
            <li><label for="periode_van"><h4>Periode van</h4></label></li>
            <li><input type="checkbox" id="periode_van" name="periode_van"></li>
        </ul>

        <ul id="periode_tot" class="hide">
            <li><label for="periode_tot"><h4>Periode tot</h4></label></li>
            <li><input type="checkbox" id="periode_tot" name="periode_tot"></li>
        </ul>

        <ul id="distributiekanaal" class="hide">                                
            <li><label>Distributiekanaal</label></li>
            <li><input type="text" name="boekingsnummer" size="20" id="distributiekanaal" onkeyup="lookup4(this.value);" onblur="fill();" >    
            <div class="suggestionsBox" id="suggestions4" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList4"></li>
        </ul>

        <ul id="naam_klant" class="hide">                                
            <li><label>Naam klant</label></li>
            <li><input type="text" name="naam_klant" size="20" id="naam_klant" onkeyup="lookup(this.value);" onblur="fill();" >    
            <div class="suggestionsBox" id="suggestions" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList"></li>
        </ul>

        <ul id="reden" class="hide">
            <li><label for="reden"><h4>Reden</h4></label></li>
            <li><input type="checkbox" id="reden" name="reden1">Agent mistake did not informed HappyHome about EV<br></li>
            <li><input type="checkbox" id="reden" name="reden2">Agent mistake did not block in LandLord<br></li>
            <li><input type="checkbox" id="reden" name="reden3">Calamities ( can not rent) Sale<br></li>
            <li><input type="checkbox" id="reden" name="reden4">Contract is not extended<br></li>
            <li><input type="checkbox" id="reden" name="reden5">Create Double allotment in LandLord<br></li>
            <li><input type="checkbox" id="reden" name="reden6">Exit<br></li>
            <li><input type="checkbox" id="reden" name="reden7">HappyHome mistake blokking not all<br></li>
            <li><input type="checkbox" id="reden" name="reden8">HappyHome mistake blokking to late in LandLord<br></li>
            <li><input type="checkbox" id="reden" name="reden9">Other<br></li>
            <li><input type="checkbox" id="reden" name="reden10">Park/Camping mistake did not block in LandLord<br></li>
            <li><input type="checkbox" id="reden" name="reden11">Park/Camping mistake did not informed HappyHome about EV<br></li>
            <li><input type="checkbox" id="reden" name="reden12">Privat owner mistake did not block in LandLord<br></li>                 
            <li><input type="checkbox" id="reden" name="reden13">Privat owner mistake did not informed HappyHome about EV<br></li>
            <li><input type="checkbox" id="reden" name="reden14">Stamgasten (regular guests)<br></li>
            <li><input type="checkbox" id="reden" name="reden15">Itea<br></li>
            <li><input type="checkbox" id="reden" name="reden16">Price is not correct misstake owner<br></li>
            <li><input type="checkbox" id="reden" name="reden17">Inkoper niet juiste contractform aangehouden<br></li>
            <li><input type="checkbox" id="reden" name="reden18">To many people<br></li>
        </ul>

        <ul id="nieuwe_boeking" class="hide">                                
            <li><label for="nieuwe_boeking"><h4>Nieuwe boeking</h4></label></li>
            <li><input type="checkbox" id="nieuwe_boeking" name="nieuwe_boeking1">No<br></li>
            <li><input type="checkbox" id="nieuwe_boeking" name="nieuwe_boeking2">Yes<br></li>
            <li><input type="checkbox" id="nieuwe_boeking" name="nieuwe_boeking3">Not Yet<br></li>
        </ul>             

        <ul id="reden_geen_nieuwe_boeking" class="hide">                                
            <li><label for="reden_geen_nieuwe_boeking"><h4>Reden geen nieuwe boeking</h4></label></li>
            <li><input type="checkbox" id="reden_geen_nieuwe_boeking" name="reden_geen_nieuwe_boeking1">Guest did booked somewhere else<br></li>
            <li><input type="checkbox" id="reden_geen_nieuwe_boeking" name="reden_geen_nieuwe_boeking2">No good alternative in that area<br></li>
            <li><input type="checkbox" id="reden_geen_nieuwe_boeking" name="reden_geen_nieuwe_boeking3">Guest did not response<br></li>
            <li><input type="checkbox" id="reden_geen_nieuwe_boeking" name="reden_geen_nieuwe_boeking4">Otherwhise ….. Fillin true -> Esmeralda<br></li>
        </ul>

        <ul id="boete_aanbieden" class="hide">                                
            <li><label for="boete_aanbieden"><h4>Boete aanbieden</h4></label></li>
            <li><input type="checkbox" id="boete_aanbieden" name="boete_aanbieden1">Yes<br></li>
            <li><input type="checkbox" id="boete_aanbieden" name="boete_aanbieden2">No<br></li>
        </ul>

        <ul id="administratie_geinformeerd_voor_inhouding_boete" class="hide">                                
            <li><label for="administratie_geinformeerd_voor_inhouding_boete"><h4>Administratie geinformeerd voor inhouding boete</h4></label></li>
            <li><input type="checkbox" id="administratie_geinformeerd_voor_inhouding_boete" name="administratie_geinformeerd_voor_inhouding_boete1">Yes<br></li>
            <li><input type="checkbox" id="administratie_geinformeerd_voor_inhouding_boete" name="administratie_geinformeerd_voor_inhouding_boete2">No<br></li>
            <li><input type="checkbox" id="administratie_geinformeerd_voor_inhouding_boete" name="administratie_geinformeerd_voor_inhouding_boete3">Not yet<br></li>
        </ul>

        <ul id="bedrag_van_boete" class="hide">                
            <li><label>Bedrag van boete</label></li>
            <li><input type="text" name="bedrag_van_boete" size="20" id="bedrag_van_boete" onkeyup="lookup3(this.value);" onblur="fill();" >
            <div class="suggestionsBox" id="suggestions3" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList3"></li>
        </ul> 

        <ul id="coulance_happyhome" class="hide">                                
            <li><label for="coulance_happyhome"><h4>Coulance Happyhome</h4></label></li>
            <li><input type="checkbox" id="coulance_happyhome" name="coulance_happyhome1">Coulance Agent<br></li>
            <li><input type="checkbox" id="coulance_happyhome" name="coulance_happyhome2">Coulance Camping<br></li>
            <li><input type="checkbox" id="coulance_happyhome" name="coulance_happyhome3">Coulance Park<br></li>
            <li><input type="checkbox" id="coulance_happyhome" name="coulance_happyhome4">Coulance Privatowner<br></li>
            <li><input type="checkbox" id="coulance_happyhome" name="coulance_happyhome5">Coulance HappyHome<br></li>   
        </ul>

        <ul id="opmerking" class="hide">                                
            <li><label>Opmerking</label></li>
            <li><input type="text" name="opmerking" size="20" id="opmerking" onkeyup="lookup7(this.value);" onblur="fill();" >    
            <div class="suggestionsBox" id="suggestions7" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList7"></li>
        </ul>      
        </div>
    </div>

<table id="employees">
    <tr>
        <thead>
            <th>Medewerker</th>
            <th>Datum overboeking</th>
            <th>Juliette geinformeerd</th>
            <th>Boekingsnummer</th>
            <th>Land</th>
            <th>Huiscode</th>
            <th>Aanbieder</th>
            <th>Contractvorm</th>
            <th>Huursom</th>
            <th>Periode van</th>
            <th>Periode tot</th>
            <th>Distributiekanaal</th>
            <th>Naam klant</th>
            <th>Reden</th>
            <th>Nieuwe boeking</th>
            <th>Reden geen nieuwe boeking</th>
            <th>Boete aanbieden</th>
            <th>Administratie geinformeerd voor inhouding boete</th>
            <th>Bedrag van boete</th>
            <th>Coulance Happyhome</th>
            <th>Opmerking</th>
            <th>Id</th>                
        </thead>
    </tr>
</table>                    
</div> 

3 个答案:

答案 0 :(得分:3)

您需要在jQuery UI之前包含jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="../JqueryUI/js/ui.js"></script>         
<script src="OrganicTabs/js/organictabs.jquery.js"></script>

答案 1 :(得分:0)

应首先加载Jquery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>    
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="OrganicTabs/js/organictabs.jquery.js"></script>

答案 2 :(得分:0)

尊重订单并将http添加到Google托管库

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="../JqueryUI/js/ui.js"></script>
相关问题