{"id":5284992,"date":"2014-09-12T00:53:23","date_gmt":"2014-09-12T00:53:23","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/passing-parameters-to-modal\/"},"modified":"2016-08-22T01:25:29","modified_gmt":"2016-08-22T01:25:29","slug":"passing-parameters-to-modal","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/passing-parameters-to-modal\/","title":{"rendered":"Passing parameters to modal"},"content":{"rendered":"

I’m trying to use Easy Modal to take a set of content generated by another plug-in (Google Calendar Events) and allow people to click to get more details about an event. I’m trying to implement the solution described here:<\/p>\n

https:\/\/wordpress.org\/support\/topic\/help-me-60?replies=9<\/p>\n

I was having problems getting it to work, so to simplify the issue, I just tried to create a button that does what I want. <\/p>\n

I added the following JavaScript to the theme’s custom JS function:<\/p>\n

jQuery('.eModal-1').click(function(e){\n  e.preventDefault();\n  var $this = $(this);\n  var $modal = $('#eModal-1');\n  var instructor = $this.data('instructor');\n  $('span.instructor', $modal).text(instructor);\n  $modal.emodal('open');\n});<\/code><\/pre>\n
The button is:<\/p>\n
<button class="eModal-1" data-instructor="foobar">Click Me<\/button><\/code><\/pre>\n
And, the modal itself is:<\/p>\n
<p>Instructor <span class="instructor"> <\/span><\/p><\/code><\/pre>\n
The way I understand this, the value “foobar” should be passed to eModal, which should put it in the span tag. <\/p>\n
The button and the JS both appear on the page. When I click the button, the modal comes up, and “Instructor” appears, but “foobar” doesn’t. <\/p>\n
http:\/\/bacafest.com\/test-page\/
\nClick on “Click Me”<\/p>\n
WordPress 4.0, X Theme 2.4.0.<\/p>\n
https:\/\/wordpress.org\/plugins\/easy-modal\/<\/p>\n","protected":false},"template":"","class_list":["post-5284992","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5284992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5284992\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=5284992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}