Multiple instances of featherlight iframe - not triggering2019 Community Moderator ElectionFeatherlight : instructions followed but not workingFeatherlight Gallery with AJAX-loaded HTMLfeatherlight ajax post requestFeatherlight on ajax loaded contentmore than one caption with featherlight?Featherlight close acts differently than manual closeClose featherlight clicking on linkMaking featherlight lightbox gallery modeFeatherlight integration with Essential GridHow to bind Featherlight based on class, not “featherlight-data” attribute?
Good allowance savings plan?
Have researchers managed to "reverse time"? If so, what does that mean for physics?
Does the statement `int val = (++i > ++j) ? ++i : ++j;` invoke undefined behavior?
Be in awe of my brilliance!
How to explain that I do not want to visit a country due to personal safety concern?
Why using two cd commands in bash script does not execute the second command
Official degrees of earth’s rotation per day
Co-worker team leader wants to inject his friend's awful software into our development. What should I say to our common boss?
How to deal with a cynical class?
Do I need life insurance if I can cover my own funeral costs?
I need to drive a 7/16" nut but am unsure how to use the socket I bought for my screwdriver
What options are left, if Britain cannot decide?
Ban on all campaign finance?
Instead of Universal Basic Income, why not Universal Basic NEEDS?
Can the damage from a Talisman of Pure Good (or Ultimate Evil) be non-lethal?
Is it possible that AIC = BIC?
Why are there 40 737 Max planes in flight when they have been grounded as not airworthy?
Did CPM support custom hardware using device drivers?
How to deal with taxi scam when on vacation?
Happy pi day, everyone!
Counting certain elements in lists
Make a transparent 448*448 image
Why must traveling waves have the same amplitude to form a standing wave?
Identifying the interval from A♭ to D♯
Multiple instances of featherlight iframe - not triggering
2019 Community Moderator ElectionFeatherlight : instructions followed but not workingFeatherlight Gallery with AJAX-loaded HTMLfeatherlight ajax post requestFeatherlight on ajax loaded contentmore than one caption with featherlight?Featherlight close acts differently than manual closeClose featherlight clicking on linkMaking featherlight lightbox gallery modeFeatherlight integration with Essential GridHow to bind Featherlight based on class, not “featherlight-data” attribute?
Fighting an issue on a kiosk project and using Featherlight iframe. It's a Hall of Fame project - if loaded on 1080px wide by 1920px tall (Chrome Developer Tools works great, but has to load fresh (clear cache), as we're creating a cookie for the resolution check to test against), then the project loads the kiosk version theme.
http://dev.demo38.com/owu/hall-of-fame/
We're listing the Hall of Fame members, pulled from a WordPress custom post type, and filtered with Isotope. The first time opening a Hall of Fame member's info in Featherlight lightbox from the Hall of Fame list, it works great, however, next attempts don't fire. Not getting any console errors.
Any thoughts on getting Featherlight to work with multiple instances?
This is the code from within the WordPress loop
<a class="anti-link-scroll" href="<?php the_permalink($post_object->ID); ?>" data-featherlight="iframe" data-featherlight-iframe-height="1080">
<span class="full-name"><span class="name"><?php the_field('last_name'); ?></span>, <?php the_field('first_name'); ?></span>
</a>
Thanks for any insight.
wordpress loops multiple-instances featherlight.js
asked Mar 6 at 18:38
d38d38
197
add a comment |
Fighting an issue on a kiosk project and using Featherlight iframe. It's a Hall of Fame project - if loaded on 1080px wide by 1920px tall (Chrome Developer Tools works great, but has to load fresh (clear cache), as we're creating a cookie for the resolution check to test against), then the project loads the kiosk version theme.
http://dev.demo38.com/owu/hall-of-fame/
We're listing the Hall of Fame members, pulled from a WordPress custom post type, and filtered with Isotope. The first time opening a Hall of Fame member's info in Featherlight lightbox from the Hall of Fame list, it works great, however, next attempts don't fire. Not getting any console errors.
Any thoughts on getting Featherlight to work with multiple instances?
This is the code from within the WordPress loop
<a class="anti-link-scroll" href="<?php the_permalink($post_object->ID); ?>" data-featherlight="iframe" data-featherlight-iframe-height="1080">
<span class="full-name"><span class="name"><?php the_field('last_name'); ?></span>, <?php the_field('first_name'); ?></span>
</a>
Thanks for any insight.
wordpress loops multiple-instances featherlight.js
asked Mar 6 at 18:38
d38d38
197
Your page has no featherlights.$('[data-featherlight]').length // => 0
– Marc-André Lafortune
Mar 6 at 19:28
add a comment |
Fighting an issue on a kiosk project and using Featherlight iframe. It's a Hall of Fame project - if loaded on 1080px wide by 1920px tall (Chrome Developer Tools works great, but has to load fresh (clear cache), as we're creating a cookie for the resolution check to test against), then the project loads the kiosk version theme.
http://dev.demo38.com/owu/hall-of-fame/
We're listing the Hall of Fame members, pulled from a WordPress custom post type, and filtered with Isotope. The first time opening a Hall of Fame member's info in Featherlight lightbox from the Hall of Fame list, it works great, however, next attempts don't fire. Not getting any console errors.
Any thoughts on getting Featherlight to work with multiple instances?
This is the code from within the WordPress loop
<a class="anti-link-scroll" href="<?php the_permalink($post_object->ID); ?>" data-featherlight="iframe" data-featherlight-iframe-height="1080">
<span class="full-name"><span class="name"><?php the_field('last_name'); ?></span>, <?php the_field('first_name'); ?></span>
</a>
Thanks for any insight.
wordpress loops multiple-instances featherlight.js
asked Mar 6 at 18:38
d38d38
197
Fighting an issue on a kiosk project and using Featherlight iframe. It's a Hall of Fame project - if loaded on 1080px wide by 1920px tall (Chrome Developer Tools works great, but has to load fresh (clear cache), as we're creating a cookie for the resolution check to test against), then the project loads the kiosk version theme.
http://dev.demo38.com/owu/hall-of-fame/
We're listing the Hall of Fame members, pulled from a WordPress custom post type, and filtered with Isotope. The first time opening a Hall of Fame member's info in Featherlight lightbox from the Hall of Fame list, it works great, however, next attempts don't fire. Not getting any console errors.
Any thoughts on getting Featherlight to work with multiple instances?
This is the code from within the WordPress loop
<a class="anti-link-scroll" href="<?php the_permalink($post_object->ID); ?>" data-featherlight="iframe" data-featherlight-iframe-height="1080">
<span class="full-name"><span class="name"><?php the_field('last_name'); ?></span>, <?php the_field('first_name'); ?></span>
</a>
Thanks for any insight.
wordpress loops multiple-instances featherlight.js
wordpress loops multiple-instances featherlight.js
asked Mar 6 at 18:38
d38d38
197
asked Mar 6 at 18:38
d38d38
197
asked Mar 6 at 18:38
d38d38
197
asked Mar 6 at 18:38
d38d38
197
asked Mar 6 at 18:38
d38d38
197
197
Your page has no featherlights.$('[data-featherlight]').length // => 0
– Marc-André Lafortune
Mar 6 at 19:28
add a comment |
Your page has no featherlights.$('[data-featherlight]').length // => 0
– Marc-André Lafortune
Mar 6 at 19:28
Your page has no featherlights.
$('[data-featherlight]').length // => 0– Marc-André Lafortune
Mar 6 at 19:28
Your page has no featherlights.
$('[data-featherlight]').length // => 0– Marc-André Lafortune
Mar 6 at 19:28
add a comment |
1 Answer
1
active
oldest
votes
Featherlight handles multiple instances without a problem. The gallery example has two separate galleries, for example.
As always when trying to understand an issue, making a minimal example helps tremendously.
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55030062%2fmultiple-instances-of-featherlight-iframe-not-triggering%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Featherlight handles multiple instances without a problem. The gallery example has two separate galleries, for example.
As always when trying to understand an issue, making a minimal example helps tremendously.
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
add a comment |
Featherlight handles multiple instances without a problem. The gallery example has two separate galleries, for example.
As always when trying to understand an issue, making a minimal example helps tremendously.
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
add a comment |
Featherlight handles multiple instances without a problem. The gallery example has two separate galleries, for example.
As always when trying to understand an issue, making a minimal example helps tremendously.
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
Featherlight handles multiple instances without a problem. The gallery example has two separate galleries, for example.
As always when trying to understand an issue, making a minimal example helps tremendously.
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
answered Mar 6 at 19:29
Marc-André LafortuneMarc-André Lafortune
63.3k12139158
63.3k12139158
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55030062%2fmultiple-instances-of-featherlight-iframe-not-triggering%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Your page has no featherlights.
$('[data-featherlight]').length // => 0– Marc-André Lafortune
Mar 6 at 19:28