0
正如標題所說,我訪問物化css和js本地,從那裏下載網站,它發生這樣,如果我清除我的緩存和餅乾然後即時通訊從這個錯誤materialize.min.js如 picture here (click)物化滑塊不工作顯示灰色屏幕,即使它初始化
這裏是我的html和js代碼。
$(document).ready(function(){
\t $('.slider').slider({full_width: true});
\t $('#btnLogin').click(function(){
\t \t postOrderID();
\t });
\t $('#loginPanel').click(function(){
\t \t $('#modalLogin').openModal();
\t })
function postOrderID() {
\t var _pass = document.getElementById("txtPayment").value;
\t var dataString = 'tablepass=' + _pass; //+ '&name=' + _name + '&pax=' + _pax + '&pass=' + _pass;
\t if (_pass == '') {
\t \t alert("Textbox null");
\t } else {
\t \t $.ajax({
\t \t type: "POST",
\t \t url: "php/getinsertOR.php",
\t \t data: dataString,
\t \t }).done(function(data){
\t \t \t console.log(data);
\t \t if (data == 'Success') {
\t \t window.location.replace("index.html");
\t \t }else if (data == 'Failed'){
\t \t \t alert("Wrong Password")
\t \t }else if (data == 'Damage'){
\t \t \t \t alert("Table Damaged")
\t \t }else{
\t \t window.location.replace("index.html");
\t \t }
\t \t \t }).fail(function(){
\t \t \t \t
\t \t })
\t }
\t \t return false;
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection"/>
</head>
<body>
<div class="slider fullscreen">
<ul class="slides">
<li>
<img src="images/a3.jpg"><!-- random image -->
<div class="caption center-align">
<h3>This is our big Tagline!</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
<a id="loginPanel" class="waves-effect waves-light btn modal-trigger">Login</a>
</div>
</li>
<li>
<img src="images/a2.jpg"> <!-- random image -->
<div class="caption left-align">
<h3>Left Aligned Caption</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
<li>
<img src="images/a1.jpg"><!-- random image -->
<div class="caption right-align">
<h3 class="light black-text text-lighten-1">Right Aligned Caption</h3>
<h5 class="light black-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
</ul>
</div>
<!-- Modal Structure -->
<div id="modalLogin" class="modal container">
<div class="modal-content" style="text-align: center; padding-left: 20% ; padding-right: 20%">
<label>Note: Confirmation Key is located at the table</label>
<input id="txtPayment" type="text" id="tablepass" name="tablepass" placeholder="Enter Confirmation Key" style="text-align: center"> <br>
<a id="btnLogin" class="waves-effect waves-light btn modal-trigger">Submit</a>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script src="js/loginController.js"></script>
</body>
</html>