JS 不工作：Sublime 3 editor- Var main = function() -the = is not "activating" (Function-Newbie)

Question

这是我的 JS 和 HTML。 JS 的第一行不起作用。在 Sublime 中，我的 = 应该像另一个一样变成红色，但第一个没有，我不知道为什么。我是一个功能新手。请让我知道你的想法！谢谢

      var main = function() {
        $('form').submit(function(event){
        var $input = $(event.target).find('input');
        var comment = $input.val();

        if (comment != ""){
            var html = $('<li>').text(comment);
            html.prependTo('#comments')
            $inputs.val("");

            }
            return false;
        });


    }

    $(document).ready(main);


    <!DOCTYPE html>

    <html>
        <head>
            <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:400,700' />
            <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' />
            <link rel='stylesheet' href='style.css' />
        </head>
        <body>
            <header class="header">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                        <h1>Gossipz</h1>
                        </div>
                    </div>
                </div>
            </header>

            <div class="main">
                <div class="container">
                    <div class="row">
                        <form class="form">
                            <div class="col-xs-8 col-md-10">
                                <input id="comment" type="text" placeholder="share your thoughts">
                            </div>
                            <div class="col-xs-4 col-md-2">
                                <button type="submit" class="btn">post</button>
                            </div>
                        </form>
                    </div>

                    <ul class="comments" id"comments">
                        <li> No Honey, I don't gossip... I <b>truth</b>!</li>
                        <li> OMG...She said <big>what</big> girl?!?</li>
                    </ul>
                </div>
            </div>

            <script src="https://code.jquery.com/jquery-2.2.3.js"></script>
            <script src="script.js"></script>
        </body>

    </html>

Answer 1

我运行此代码在 plunker 中但无法复制 problem.Below 是一个问题，您可能会看看。

1)<ul class="comments" id"comments"> 应该是错字

如果您的 sublime text 配置为 jsLint/jsHint 您可以将鼠标悬停在问题上以查看底部的错误。

您可以在此 PLUNKER

中检查代码的工作情况

JS 不工作：Sublime 3 editor- Var main = function() -the = is not "activating" (Function-Newbie)

JS is not working: Sublime 3 editor- Var main = function() -the = is not "activating" (Function-Newbie)

javascript

jquery

var

function