Question

我网站上的几乎所有点击功能都不起作用。最近几天，它正在运作，但现在它不会。

样本将是：

index.php（在Format textFormat = Format.createTextSampleFormat(null, MimeTypes.APPLICATION_SUBRIP, null, Format.NO_VALUE, Format.NO_VALUE, "ar", null); MediaSource subtitleSource = new SingleSampleMediaSource("link srt url", mediaDataSourceFactory, textFormat, C.TIME_UNSET); MergingMediaSource mergedSource = new MergingMediaSource(mediaSource, subtitleSource);内）

<head>

按钮

<link href="/theme/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/theme/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/>
<link href="/theme/css/bootflat.css" rel="stylesheet" type="text/css"/>
<link href="/theme/css/simple-sidebar.css" rel="stylesheet" type="text/css"/>
<link href="/theme/admin/style.css" rel="stylesheet" type="text/css"/>
<link href="/theme/css/dataurl.css" rel="stylesheet" type="text/css"/>
<script src="/theme/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="/theme/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/theme/js/site.js" type="text/javascript"></script>
<script src="/theme/js/moment.js" type="text/javascript"></script>
<script src="/theme/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="https://use.fontawesome.com/fa905179b0.js"></script>
<script src="/theme/js/SmoothScroll.min.js" type="text/javascript"></script>
<script src="/theme/js/pace.min.js" type="text/javascript"></script>

在

<div class="modal-footer">
    <button type="button" class="btn btn-danger" id="save-new">Submit</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>

之后

</body>

的script.js

<link href="/theme/css/animate.css" rel="stylesheet" type="text/css"/> <script src="/theme/js/bootstrap-notify.min.js" type="text/javascript"></script> <script src="/theme/js/jquery.fs.selecter.min.js" type="text/javascript"></script> <script src="/staff/main/js/script.js" type="text/javascript"></script>

控制台中没有发现错误，所以我真的不知道哪里出错了。单击按钮后，模态不会隐藏，也不会发生任何实际情况。其他页面也是如此，之前已经有效，但现在却没有。

Answer 1

委派点击事件：

$('body').on('click',"#save-new",function() {

Answer 2

在</body>

之后

<link href="/theme/css/animate.css" rel="stylesheet" type="text/css"/>
<script src="/theme/js/bootstrap-notify.min.js" type="text/javascript"></script>
<script src="/theme/js/jquery.fs.selecter.min.js" type="text/javascript"></script>
<script src="/staff/main/js/script.js" type="text/javascript"></script>

您已将script.js文件添加到错误的位置。它应该在关闭</head>或标记之前添加，而不是在关闭</body>标记之后添加。您的页面HTML看起来应该是这样的。

<html> <head> <link href="/theme/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="/theme/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/> <link href="/theme/css/bootflat.css" rel="stylesheet" type="text/css"/> <link href="/theme/css/simple-sidebar.css" rel="stylesheet" type="text/css"/> <link href="/theme/admin/style.css" rel="stylesheet" type="text/css"/> <link href="/theme/css/dataurl.css" rel="stylesheet" type="text/css"/> <script src="/theme/js/jquery-3.1.1.min.js" type="text/javascript"></script> <script src="/theme/js/bootstrap.min.js" type="text/javascript"></script> <script src="/theme/js/site.js" type="text/javascript"></script> <script src="/theme/js/moment.js" type="text/javascript"></script> <script src="/theme/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script> <script src="https://use.fontawesome.com/fa905179b0.js"></script> <script src="/theme/js/SmoothScroll.min.js" type="text/javascript"></script> <script src="/theme/js/pace.min.js" type="text/javascript"></script> </head> <body> <div class="modal-footer"> <button type="button" class="btn btn-danger" id="save-new">Submit</button> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> </div> <link href="/theme/css/animate.css" rel="stylesheet" type="text/css"/> <script src="/theme/js/bootstrap-notify.min.js" type="text/javascript"></script> <script src="/theme/js/jquery.fs.selecter.min.js" type="text/javascript"></script> <script src="/staff/main/js/script.js" type="text/javascript"></script> </body> </html>

Answer 3

对外部JavaScript文件的所有引用都会传输到body标记的底部。例如： <script src="/theme/js/bootstrap-notify.min.js" type="text/javascript"></script> <script src="/theme/js/jquery.fs.selecter.min.js" type="text/javascript"></script></body>

按钮点击通过ID无效

3 个答案: