How can i add a custom javascript module to custom module?

Question

Hi this code is working perfect without magento.

 <script src="flipbook.js"></script>
 <script src="jquery.js"></script>

<script>
$('#side').FlipBook({
        pdf: 'sample.pdf',
       });
</script>

i added to flipbook.js to view/frontend/templates/web/js and added to layout

<script src="test_test::js/flipbook.js"/>

phtml

<div id="side></div>   
 <script>

require(['jquery'], function($){


    $('#side').FlipBook({
        pdf: 'sample.pdf',
       });


});

</script>

Can u explain why its not working? And how can i fix it?

yea, Uncaught TypeError: $(...).FlipBook is not a function at 17:992 at Object.execCb (require.js:1650) at Module.check (require.js:866) at Module.enable (require.js:1143) at Module.init (require.js:774) at require.js:1416 — Ibrahim Aldar
– Ibrahim Aldar, Commented Apr 25, 2019 at 10:00

Prathap Gunasekaran · Accepted Answer · 2019-04-25 10:59:58Z

0

Try this,

<script>
  require(['jquery','FlipBook'], function($){
  $('#side').FlipBook({
     pdf: 'sample.pdf',
    });
   });
</script>

For more about the implementation custom javascript implementation

Hope this helps.

answered Apr 25, 2019 at 10:59

Prathap Gunasekaran

3,2891 gold badge17 silver badges39 bronze badges

Add a comment |

Stack Exchange Network

How can i add a custom javascript module to custom module?

1 Answer 1

Your Answer

Hot Network Questions

How can i add a custom javascript module to custom module?

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions