javascript - 即使已初始化，Materialize Slider 无法工作也会显示灰屏-6ren

javascript - 即使已初始化，Materialize Slider 无法工作也会显示灰屏

转载作者：行者123 更新时间：2023-11-28 05:45:54

26

4

正如标题所说，我在本地访问materialize css和js，从那里下载，如果我清除了缓存和cookie，那么我会从materialize.min.js中收到此错误，如下所示 picture here (click)

这是我的 html 和 js 代码。

$(document).ready(function(){
 	$('.slider').slider({full_width: true});

 	$('#btnLogin').click(function(){
 	 	postOrderID();
 	});
 	$('#loginPanel').click(function(){
 		$('#modalLogin').openModal();
 	})
        

function postOrderID() {
	var _pass = document.getElementById("txtPayment").value;
	var dataString = 'tablepass=' + _pass; //+ '&name=' + _name + '&pax=' + _pax + '&pass=' + _pass;
	if (_pass == '') {
		alert("Textbox null");
	} else {
		$.ajax({
		type: "POST",
		url: "php/getinsertOR.php",
		data: dataString,
		}).done(function(data){
			console.log(data);
	     	if (data == 'Success') {
           		window.location.replace("index.html");
	     	}else if (data == 'Failed'){
	     		alert("Wrong Password")
	     	}else if (data == 'Damage'){
				alert("Table Damaged")
	     	}else{
         		window.location.replace("index.html");
	     	}
			}).fail(function(){
				
		})
	}
		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>

最佳答案

兄弟，它在我的电脑上运行得很好。只需检查您是否在 mozilla firefox 中禁用 javascript 或使用其他浏览器运行该页面即可。一定会成功的。

要为 Mozilla Firefox 启用 JavaScript:单击“工具”下拉菜单并选择“选项”。选中“阻止弹出窗口”、“自动加载图像”和“启用 JavaScript”旁边的框。通过右键单击页面上的任意位置并选择“重新加载”或使用工具栏中的“重新加载”按钮来刷新浏览器。

关于javascript - 即使已初始化，Materialize Slider 无法工作也会显示灰屏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38528893/

26

4

0

文章推荐： javascript - Materialise Bootstrap 未被触发

文章推荐： javascript - ionic 列表项文本溢出未调整列表项的高度

文章推荐： javascript - 地理位置监听器[listenerFunc]未定义

java - Spring 上下文不使用 @ContextConfiguration 初始化，而是使用 new ClassPathXmlApplicationContext 初始化
我是 Spring 新手，这就是我想要做的事情: 我正在使用一个基于 Maven 的库，它有自己的 Spring 上下文和 Autowiring 字段。它的bean配置文件是src/test/res
具有动态元素数的python列表文字/初始化
我在我的测试脚本中有以下列表初始化: newSequenceCore=["ls", "ns", "*", "cm", "*", "ov", "ov", "ov", "ov", "kd"] (代表要在控
C++初始化
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Class construction with initial values 当我查看 http://en.
非常量静态成员变量的C++初始化？
我得到了成员变量“objectCount”的限定错误。编译器还返回“ISO C++ 禁止非常量静态成员的类内初始化”。这是主类: #include #include "Tree.h" using n
为非虚拟方法指定的c++初始化
我有如下所示的a.h class A { public: void doSomething()=0; }; 然后我有如下所示的b.h #include "a.h" class b: publi
Kotlin 初始化 : how to fail
我需要解析 Firebase DataSnapshot (一个 JSON 对象)转换成一个数据类，其属性包括 enum 和 list。所以我更喜欢通过传递 DataSnapshot 来手动解析它进入二
JQUERY $(function() { 初始化
我使用 JQuery 一段时间了，我总是使用以下代码来初始化我的 javascript: $(document).ready( function() { // Initalisation logic
cocoa - NSString 初始化
这里是 Objective-C 菜鸟。为什么会这样: NSString *myString = [NSString alloc]; [myString initWithFormat:@"%f", s
cocoa - NSArrayController 初始化
我无法让核心数据支持的 NSArrayController 在我的代码中正常工作。下面是我的代码: pageArrayController = [[NSArrayController alloc] i
javascript - 放大的弹出窗口安装/初始化
我对这一切都很陌生，并且无法将其安装到我的后端代码中。它去哪里？在我的页脚下面有我所有的 JS？比如，这是什么意思: Popup initialization code should be exec
java - 初始化 JFrame
这可能是一个简单的问题，但是嘿，我是初学者。所以我创建了一个程序来计算一些东西，它目前正在控制台中运行。我决定向其中添加一个用户界面，因此我使用 NetBeans IDE 中的内置功能创建了一个 J
Phalcon 初始化()不工作
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。如果我尝
javascript - dependentObservable 初始化
据我所知， dependentObservable 在声明时会进行计算。但如果某些值尚不存在怎么办？例如: var viewModel ={}; var dependentObservable1 =
带有关键字参数的 ruby 初始化
我正在阅读 POODR 这本书，它使用旧语法进行默认值初始化。我想用新语法实现相同的功能。 class Gear attr_reader :chainring, :cog, :wheel de
polymer 初始化(无响应)
我按照 polymer 教程的说明进行操作: https://www.polymer-project.org/3.0/start/install-3-0 (我跳过了可选部分) 但是，在我执行命令“po
kotlin - Kotlin和构造函数，初始化
很抱歉问到一个非常新手的Kotlin问题，但是我正在努力理解与构造函数和初始化有关的一些东西。我有这个类和构造函数: class TestCaseBuilder constructor(
c# - 康威的生命游戏 - 初始化
假设我们有一个包含 30 列和 30 行的网格。生命游戏规则简而言之: 一个小区有八个相邻小区当一个细胞拥有三个存活的相邻细胞时，该细胞就会存活如果一个细胞恰好有两个或三个活的相邻细胞，那么它就
java - 初始化 ByteArrayOutputStream？
我是 MQTT 和 Android 开放附件“AOA” 的新手。在阅读教程时，我意识到，在尝试写入 ByteArrayOutputStream 类型的变量之前，应该写入 0 或 0x00首先到该变量。
Phalcon 初始化()不工作
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。如果我尝
inotify - 初始化:目录创建时的奇怪行为
我有一个inotify /内核问题。我正在使用“inotify” Python项目进行观察，但是，我的问题仍然是固有的关于inotify内核实现的核心。 Python inotify项目处理递归ino

首页

博学

6Ren·AI

商城

javascript - 即使已初始化，Materialize Slider 无法工作也会显示灰屏