jquery点击事件没反应

jquery点击事件没反应

<%@ 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下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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