Документ и объект jQuery не найдены в функции javaScript

Question

Документ и объект jQuery не найдены в функции javaScript

У меня возникла проблема с приведенной ниже пользовательской функцией. Я пытаюсь получить доступ как к jQuery, так и к объекту документа, передав его самой функции, но это не работает. Я не понимаю, что с ним не так. Можете ли вы помочь?

var MyApp = MyApp || {};

var MyApp = (function(window,document,$){


  //private method not returned
  var _checkNumbers = function () {

  };

  var _checkSpecialChars = function () {

  };

  var _checkWordCount = function () {

  };

  var _checkRemainingChars = function () {
    var myField = document.getElementById("textarea-content");
    console.log("id", myField);

  };

  var stringValidation = function () {
     _checkRemainingChars();
      console.log("it works");

  };

  return {
      stringValidation: stringValidation
  };

})(window,document,jQuery);

MyApp.stringValidation();

0

javascript jquery module-pattern self-executing-function

Источник

user5232156 12 янв '16 в 23:48

1 ответ

Другие вопросы по тегам javascript jquery module-pattern self-executing-function

user5232156 13 янв '16 в 00:13 2016-01-13 00:13 · Answer 1 · 2016-01-13 00:13

Это HTML-разметка:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Paragraph Tab List App</title>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->

<!-- Internet Explorer 8 or older versions doesn't support CSS3 media queries. I enable it by importing css3-mediaqueries.js Javascript file. -->
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->  

<!-- importing jquery library -->
  <script src="./js/jquery-1.11.2.min.js" ></script>

  <!-- importing custom script file -->
  <script src="./js/function.js" ></script> 

<!-- importing custom css -->
<link rel="stylesheet" href="./css/main.css"/>

</head> 
<body>
  <div id="wrapper">

    <header id="header">
      <h1 class="main-heading"> Paragraph parser</h1>
    </header>

    <div id="main">

      <form class="form" action="index.html" method="post">
        <label for="textarea-content">Insert the paragraph to be parsed:</label>
        <textarea class="form__textarea" id="textarea-content" name="textarea-content" placeholder="Please enter a paragraph..."></textarea>
        <div class="form__limit-message">(Maximum characters: 500)</div>
        <button class="form__button btn--blue btn--medium">Submit</button>
      </form>

    </div>

  </div>

</body>
</html>