网站JS脚本不会引用

qw2232397985 · 发表于 2020-3-4 13:24:44

去掉上图的按钮，打开网页自动弹窗图片

我自己去掉的话，弹窗不会弹出郁闷了······ 下面是文件夹里的信息

代码在这里，还望大神帮忙啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery弹窗插件Modal.js - 站长素材</title>
<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<script type="text/javascript" src="js/jquery-1.8.2-min.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
</head>
<body>
<button id="triggerModel" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">测试按钮</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<img src="images/qrxd-notice.png" />
  <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
</div>
  </div>
</div>
<script>
$(function(){
  $('#triggerModel').trigger('click');
});
</script>
</body>
</html>

Bert · 发表于 2020-3-4 14:52:50

大哥,把文件全部上传上来

Dorom666 · 发表于 2020-3-4 15:34:34

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery弹窗插件Modal.js - 站长素材</title>
<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<script type="text/javascript" src="js/jquery-1.8.2-min.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
</head>
<body>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<img src="images/qrxd-notice.png" />
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
</div>
</div>
</div>
<script>

</script>
</body>
</html>

qw2232397985 · 发表于 2020-3-4 16:14:11

Dorom666 发表于 2020-3-4 15:34
jQuery弹窗插件Modal.js - 站长素材

这样都不显示了。

89391311 · 发表于 2020-3-4 23:40:50

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery弹窗插件Modal.js - 站长素材</title>
<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<script type="text/javascript" src="js/jquery-1.8.2-min.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
</head>
<body >
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<img src="images/qrxd-notice.png" />
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
</div>
</div>
</div>
<script>
$(function(){
$('#myModal').modal("show"); <font color="#ff0000"></font>
});
</script>
</div>
</body>
</html>

复制代码

补充内容 (2020-3-4 23:41):
重点在这删除了按钮执行需要show 出来弹窗

陈道友 · 发表于 2020-3-5 14:13:38

你可以将按钮隐藏起来，代码不变，也可以删掉按钮，$('#triggerModel').trigger('click');改成调用模态框的显示函数$('#myModal').modal('show');

		自动登录	找回密码
密码			注册

[精币悬赏] 网站JS脚本不会引用