Question

我有一个小的单页应用程序，我写了document.ready来开始一个事件。

但是，令我惊讶的是，每次页面都会因为任何按钮点击而重新渲染，因此会调用document.ready。请帮我解决这个问题

    <html>
<head>
    <link rel = "stylesheet" type="text/css" href= "styles/styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>
    <script src="js/code.js"></script>
    <script type="text/javascript">
        $( document ).ready(function() {
            console.log( "ready!" );
            renderOldTweets();
        });
    </script>
</head>
<body>
    <header>
        <div class="wrapper">
            <img src="images/twitter_name.png" class="twitter-img">
            <span>Twitter Clone</span></p>
        </div>
  </header>
  <div id="content" class="main-container">
    <div class="main-wrapper">
    <div id="createTweet" class="create-tweet-cont">
        <h2>Create a Tweet</h2>
        <form id = "tweetform" onsubmit="submitTweet()">
            <textarea name="text" id="tweetarea" placeholder ="Say what you feel!!" class="tweetText"></textarea>
            <input type="submit" value="Tweet!" class="tweet-button"></button>
        </form>
      </div>
</div>
</body>
</html>

在重新呈现页面后也调用document.ready

0 个答案: