jquery点击事件没反应

jquery点击事件没反应

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>慕课论坛</title>
    <link rel="stylesheet" href="../../static/css/all-df86af5803.css">
</head>
<body class="forum" data-page="forum">
<div class="header">
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-default">
        <div class="container">
            <div class="navbar-header" id="navbar-header">
                <a href="index.html" class="navbar-brand"><img src="../../images/logo.png"> </a>
            </div>
            <div id="main-nav-menu">
                <ul class="nav navbar-nav">
                    <li><a href=""><i class="fa fa-home"></i> <span class="hidden-xs hidden-sm">首页</span></a>
                    </li>
                    <li class="hidden-sm hidden-xs active"><a href="thread.html"><i class="fa fa-comments-o"></i> 话题</a>
                    </li>
 
                </ul>
            </div>
 
            <ul class="nav navbar-nav navbar-right">
                <li class="nav-search hidden-xs hidden-sm">
                    <form method="GET" action="thread.html" accept-charset="UTF-8"
                          class="navbar-form form-search active" target="_blank">
                        <div class="form-group">
                            <input placeholder="搜索" class="form-control" name="q" type="search">
                        </div>
                        <i class="fa fa-search"></i>
                    </form>
                </li>
                <!-- 登录成功后显示的内容 -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                        <!-- 此处显示登录成功后的用户名,如果被冻结也再次显示 -->
                        imooc1
                        <span class="caret"></span></a>
                    <button class="navbar-toggle" type="button" data-toggle="dropdown" role="button" aria-expanded="false">
                        <span class="sr-only">Toggle</span>
                        <i class="fa fa-reorder"></i>
                    </button>
                    <ul class="dropdown-menu" role="menu"><li class=""><a href="my.html">我的主页</a></li>
                        <li><div class='divider'></div></li>
                        <li><a href="my.html">个人设置</a></li>
 
                        <li><a href="score.html">我的积分</a></li>
                        <li class='divider'></li>
                        <li><a href="###" onclick=" return confirm('你确定要退出吗?')"><i class="fa fa-sign-out"></i> 退出
                        </a></li>
                    </ul>
                </li>
                <!-- 未登录显示的内容 -->
                <li><a href="/bbs/preReg.do" id="signup-btn">注册</a></li>
                <li><a href="/bbs/preLogin.do" id="login-btn">登录</a></li>
 
            </ul>
        </div>
    </nav>
</div>
<div id="main" class="main-container container">
    <div class="row max-width">
        <div class="col-xs-12">
            <ul class="breadcrumb">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <strong><!-- 此处显示帖子标题 -->帖子标题</strong>
                </li>
            </ul>
        </div>
    </div>
 
    <div class="col-md-9 threads-show main-col">
 
        <!-- Thread Detial -->
        <div class="thread panel panel-default">
            <div class="infos panel-heading">
 
                <div class="pull-right avatar">
                    <a href="my.html"> <img src="../../images/avatar.jpg" class="media-object img-thumbnail avatar-64"/> </a>
                </div>
 
                <h1 class="panel-title thread-title"><!-- 此处显示帖子标题 -->帖子标题</h1>
 
                <div class="likes">
                    <a href="javascript:void(0);" data-action="like" data-type="Thread" data-url="#" title="赞"
                       class="fa fa-chevron-up likeable like" data-id="10"> 10</a> <a href="javascript:void(0);"
                                                                                      data-action="unlike"
                                                                                      data-type="Thread" data-url="#"
                                                                                      title="踩"
                                                                                      class="fa fa-chevron-down likeable like"
                                                                                      data-id="10"></a>
                </div>
 
                <div class="meta inline-block">
 
                    <a href="my.html"> <!-- 此处显示发帖人用户名 -->imooc1 </a>
 
                    • 于 <abbr title="2016-06-10 02:28:36" class="timeago">2016-06-10 02:28:36</abbr>
 
                    回复 <a href="my.html"> memory </a> 于 <abbr title="2017-02-08 21:47:25"
                                                              class="timeago">2017-02-08 21:47:25</abbr> •
 
                    4050 阅读
                </div>
                <div class="clearfix"></div>
            </div>
 
            <div class="panel-body content-body">
 
                <div class="markdown-body" id="emojify">
                    <ul>
                        <li><!-- 此处显示帖子内容 -->帖子内容</li>
                    </ul>
                </div>
 
            </div>
 
            <div class="panel-footer operate">
 
                <div class="pull-left" style="font-size:15px;">
                    <a class=""
                       href="http://service.weibo.com/share/share.php?url=http%3A%2F%2Fimooc.com%2Fthread%2F10&type=3&pic=&title=imooc 接下来需要完善的功能"
                       target="_blank" title="分享到微博"> <i class="fa fa-weibo"></i> </a> <a
                        href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fimooc.com%2Fthread%2F10&text=imooc 接下来需要完善的功能&via=imooc.com"
                        class="" target="_blank" title="分享到 Twitter"> <i class="fa fa-twitter"></i> </a> <a
                        href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fimooc.com%2Fthread%2F10" class=""
                        target="_blank" title="分享到 Facebook"> <i class="fa fa-facebook"></i> </a> <a
                        href="https://plus.google.com/share?url=http%3A%2F%2Fimooc.com%2Fthread%2F10" class=""
                        target="_blank" title="分享到 Google Plus"> <i class="fa fa-google-plus"></i> </a>
                </div>
 
                <div class="pull-right">
          <span class="tag-list hidden-xs">
      Tags:
            <a href="tag.html"><span class="tag">imooc</span></a>
            </span>
 
                </div>
                <div class="clearfix"></div>
            </div>
 
            <div class="modal fade" id="exampleModal" tabindex="-1" role="" aria-labelledby="exampleModalLabel">
                <div class="modal-dialog">
                    <div class="modal-content">
 
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="exampleModalLabel">备注内容</h4>
                        </div>
 
                        <form method="POST" action="" accept-charset="UTF-8">
 
 
                            <div class="modal-body">
 
                                <div class="alert alert-warning">
                                    附加备注, 使用此功能的话, 会给所有参加过讨论的人发送通知.
                                </div>
 
                                <div class="form-group">
                                    <textarea class="form-control" style="min-height:20px" placeholder="请使用Markdown撰写内容"
                                              name="content" cols="50" rows="10"></textarea>
 
                                </div>
 
                            </div>
 
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
 
                        </form>
 
                    </div>
                </div>
            </div>
        </div>
 
        <!-- Reply List -->
        <div class="replies panel panel-default list-panel replies-index">
            <div class="panel-heading">
                <div class="total">回复总数: <b>1</b></div>
            </div>
 
            <div class="panel-body">
 
                <ul class="list-group row">
 
                    <li class="list-group-item media " id="reply11">
                        <div class="avatar pull-left">
                            <a href="my.html"> <img class="media-object img-thumbnail avatar" alt="strdemo"
                                                    src="../../images/avatar_small.jpg" style="width:48px;height:48px;"/>
                            </a>
                        </div>
                        <div class="infos">
                            <div class="media-heading meta">
                                <a href="my.html" title="strdemo" class="remove-padding-left author"> 回帖人用户名</a>
                                <abbr class="timeago" title="create_time">回帖时间</abbr> <a
                                    name="reply1" class="anchor" href="#reply1" aria-hidden="true">#1</a>
 
                            </div>
 
                            <div class="media-body markdown-reply content-body">
                                回帖内容
                            </div>
 
                        </div>
                    </li>
 
                </ul>
                <!-- Pager -->
                <div class="pull-right" style="padding-right:20px">
 
                </div>
            </div>
        </div>
 
        <!-- Reply Box -->
        <div class="panel panel-default">
            <div class="panel-heading">
                发表回复
            </div>
            <div class="panel-body">
                <div class="reply-box form">
                    <!-- 已经登录的情况 -->
                    <form method="POST" action="#" accept-charset="UTF-8" id="thread_create_form" class="create_form">
                        <input type="hidden" name="postId" value="<!-- 此处存放帖子id -->">
                        <div class="form-group">
                            <textarea class="post-editor form-control" rows="5" style="overflow:hidden" id="content" placeholder="请使用Markdown撰写内容" name="content" cols="50"></textarea>
                        </div>
                        <div class="form-group status-post-submit">
                            <input class="btn btn-primary col-xs-2" id="thread-create-submit" type="submit" value="回复"/>
                        </div>
                    </form>
                    <!-- 未登录的情况 -->
                    <div style="padding:20px;display: none" id="notLogin">
                        需要 <a class="btn btn-success" href="/bbs/preLogin.do">登录</a> 后方可回复, 如果你还没有账号请点击这里 <a
                            class="btn btn-primary" href="/bbs/preReg.do">注册</a>。
                    </div>
 
                </div>
            </div>
        </div>
 
    </div>
 
    <div class="col-md-3 side-bar">
        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">BBS</h3>
            </div>
            <c:if test="${user!=null}">
            <!-- 已登录的情况 -->
            <div class="panel-body text-center">
                <a href="/bbs/prePost.do" class="btn btn-primary">
                    <i class="fa fa-user"> </i> 发帖
                </a>
            </div>
            </c:if>
            <!-- 未登录的情况 -->
            <c:if test="${user==null}">
            <div class="panel-body text-center">
                <a href="/bbs/preReg.do" class="btn btn-primary">
                    <i class="fa fa-user"> </i> 注册
                </a>
            </div>
            <div class="panel-footer text-center">
                已注册用户请 <a href="/bbs/preLogin.do">登录</a>
            </div>
            </c:if>
        </div>
 
        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">小贴士</h3>
            </div>
            <div class="panel-body">
                心若没有栖息的地方,到哪里都是在流浪!
            </div>
        </div>
 
        <div class="panel panel-default corner-radius">
            <div class="panel-heading">
                <h3 class="panel-title">统计信息</h3>
            </div>
            <ul class="list-group">
                <li class="list-group-item">社区会员: 747</li>
                <li class="list-group-item">主题数: 95</li>
                <li class="list-group-item">回帖数: 218</li>
            </ul>
        </div>
 
    </div>
    <div class="clearfix"></div>
 
</div>
 
<footer class="footer">
    <div class="container">
        <div class="copyright">
            <blockquote class="pull-left">
                <p>慕课论坛</p>
                <p>Copyright &copy; 2015-2016 <a href="index.html">imooc</a> 1.0.0-rc2 <span
                        class="pipe">|</span><span
                        class="pipe">|</span></p>
            </blockquote>
        </div>
        <div class="pull-right hidden-sm hidden-xs">
            <p>
                <a href="###">关于我们</a> <span class="pipe">|</span> <a href="###">联系我们</a> <span class="pipe">|</span> <a
                    href="###">常见问题解答</a>
            </p>
            <p>
                <a href="index.html" target="_blank"><img src="../../images/imooc-logo.png" border="0" height="40"
                                                          data-toggle="tooltip" data-placement="top"
                                                          title="Powered by imooc"/></a>
            </p>
        </div>
    </div>
</footer>
</body>
<script type="text/javascript" src="/vendor/jquery/jquery-3.3.1.js">
    $("#thread-create-submit").click(function (){
        alert(1);
        if(${user!=null}){
            alert(${user});
            $("#thread_create_form").submit();
        }else{
            alert(1);
            $("#notLogin").css("display","inline");
        }
    })
</script>
</html>

点击图片回复,<script>写的函数没反应

http://img1.sycdn.imooc.com//climg/5f8e3db809beb4c317600460.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,建议同学在浏览器控制台后的Sources下,对应的<script>标签中打上断点,debug执行,查看是否有执行到<script>标签中内容。例如:

http://img1.sycdn.imooc.com//climg/5f8e9c0009929d6b06070215.jpg


祝:学习愉快~


提问者 wacky1 2020-10-20 11:51:16

我看了网页后台。。没报错

好帮手慕阿满 2020-10-20 11:50:33

同学你好,这边简单测试,JavaScript是有效的,如:

http://img1.sycdn.imooc.com//climg/5f8e5e2109ab88d408710138.jpg

建议同学在浏览器中按F12,查看一下控制台是否报错。如果有报错,请将报错信息贴一下。另外建议同学具体描述一下没反应是什么一下。

祝:学习愉快~

  • 提问者 wacky1 #1
    我看了网页后台。。没报错
    2020-10-20 11:51:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码