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

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

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();

источник

2016-01-12 Beppe

[Работает просто отлично] (https://jsfiddle.net/ee1wzndw/) до тех пор, как загружается JQuery. –

Вы имеете в виду, если библиотека jQuery загружается в файл HTML? да. Странно то, что «документ» тоже не работает. – Beppe

@Beppe _ «Странно, что« документ »тоже не работает». _ Https://jsfiddle.net/ee1wzndw/1/ – guest271314

Это 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>

источник

2016-01-13 00:13:45 Beppe

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

ответ

Смежные вопросы