Блог

Главная - Вопросы по программированию - Как вызвать вложенную функцию в jquery, которая является другим файлом?

Как вызвать вложенную функцию в jquery, которая является другим файлом?

#php #jquery

#php #jquery

Вопрос:

Я хочу использовать другую файловую функцию jquery на своей странице.

Ниже приведен код файла «mathml2latex»

 function MathMLParser() {
    this.parse = function MathMLParser$parse(s) {
        console.log('123');
        return true;
    };
}

Я загрузил вышеуказанный файл на свою html-страницу. Также дважды проверяется, правильно добавлено или нет.

Вот моя html-страница, где я хочу использовать вышеупомянутую файловую функцию Js.

 <html>
     <head>
           <title>Mathml to Latex</title>
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
           <script src="mathml2latex.js" type="text/javascript"></script>
     </head>
     <body>
           <script type="text/javascript">
               $( document ).ready( function() {
                   var mathmlHtml  = 'how to call function.';
                   var x = MathMLParser.parse( mathmlHtml );
               });
           </script>
     </body>
</html>

Но я не знаю, как вызвать вышеуказанную функцию. Я перепробовал много способов, таких как создать новый объект, но затем вызвать parse функцию. итак, как с этим бороться??

Итак, мой вопрос заключается в том, как вызвать parse функцию на моей html-странице.

Комментарии:

1. MathMLParser$parse выглядит как JAVA, а не JavaScript. Где вы загружаете MathMLParser библиотеку?

2. @mplungjan Я загрузил эту библиотеку на свою html-страницу. mathml2latex.js

Ответ №1:

Если вы просто хотите выполнить функцию, используя объект, вы могли бы использовать что-то вроде этого :

 class MathMLParser {
    parse = () => {
        console.log('123');
        return true;
    }
}  
 <html>
     <head>
           <title>Mathml to Latex</title>
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
           <script src="mathml2latex.js" type="text/javascript"></script>
     </head>
     <body>
           <script type="text/javascript">
                let MathMLParserInstance = new MathMLParser();

               $( document ).ready( function() {
                   var mathmlHtml  = 'how to call function.';
                   var x = MathMLParserInstance.parse();
               });
           </script>
     </body>
</html>

Но я предлагаю вам начать использовать импорт / экспорт, чтобы придать вашему коду лучшую структуру.