• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Adding a jQuery Module

Scheduled Pinned Locked Moved Development
7 Posts 4 Posters 3.7k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    morozgrafix Moderator @strawberry 3.141
    last edited by morozgrafix Feb 1, 2017, 9:32 PM Feb 1, 2017, 9:28 PM

    In addition to @strawberry-3.141 response. I wanted to chime in with option of running it locally on your dev machine and using node serveronly and pointing your browser at http://localhost:8080 using familiar tools while developing. One of the catches is it will not work well if you are developing module that needs to interact with GPIO or other proprietary RasPi functionality.

    My personal workflow is roughly outlined here: https://forum.magicmirror.builders/post/13272

    1 Reply Last reply Reply Quote 1
    • N Offline
      NiviJah
      last edited by Feb 2, 2017, 12:26 AM

      Thank you,
      This is very helpful.
      If I understand correctly, do I need to use DOM_OBJECTS_CREATED like this ?

      notificationReceived: function(notification, payload, sender){
      	if (notification === 'DOM_OBJECTS_CREATED'){
      		$(document).ready().....
      	}
      },
      

      Does that go into my plugin file ? (i.e not the node helper)

      S 1 Reply Last reply Feb 2, 2017, 1:20 AM Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @NiviJah
        last edited by Feb 2, 2017, 1:20 AM

        @NiviJah your Code example is correct, except that you don’t Need the ready function, at this Point the Dom is ready and you can do whatever You Wanted to without wrapping it into another event

        Please create a github issue if you need help, so I can keep track

        1 Reply Last reply Reply Quote 0
        • N Offline
          NiviJah
          last edited by NiviJah Feb 2, 2017, 2:42 AM Feb 2, 2017, 2:41 AM

          jQuery didn’t want to play nice, i don’t know why, so I had to work with Vanilla JS.

          here is the result

          0_1486003297499_2017-02-01-213544_1080x1920_scrot.png

          E 1 Reply Last reply Feb 19, 2018, 2:42 PM Reply Quote 1
          • E Offline
            E3V3A @NiviJah
            last edited by Feb 19, 2018, 2:42 PM

            @NiviJah Did you get jQuery to run at all?

            "Everything I do (here) is for free – altruism is the way!"
            MMM-FlightsAbove, MMM-Tabulator, MMM-Assistant (co-maintainer)

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy