Prevent lightbox closing when clicking on my own button
up vote
0
down vote
favorite
I am using SimpleLightbox v1.15.0 and want to be able to rotate images using a button. I have added a button to a downloaded demo page and (after much effort) have the button appear with the lightbox and disappear when closed.
I have written this underneath the existing function...
$('.theButton').click(function(){
$('.sl-image').css({'transform':'rotate(90deg)'});
});
..to try and get the rotation working but as the div with class sl-image containing the image rotates, the lightbox fades out/closes. I want the lightbox to stay when this button is clicked.
Am I missing something?
jquery lightbox
asked Nov 8 at 23:58
zeerozeroone
22
add a comment |
up vote
0
down vote
favorite
I am using SimpleLightbox v1.15.0 and want to be able to rotate images using a button. I have added a button to a downloaded demo page and (after much effort) have the button appear with the lightbox and disappear when closed.
I have written this underneath the existing function...
$('.theButton').click(function(){
$('.sl-image').css({'transform':'rotate(90deg)'});
});
..to try and get the rotation working but as the div with class sl-image containing the image rotates, the lightbox fades out/closes. I want the lightbox to stay when this button is clicked.
Am I missing something?
jquery lightbox
asked Nov 8 at 23:58
zeerozeroone
22
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I am using SimpleLightbox v1.15.0 and want to be able to rotate images using a button. I have added a button to a downloaded demo page and (after much effort) have the button appear with the lightbox and disappear when closed.
I have written this underneath the existing function...
$('.theButton').click(function(){
$('.sl-image').css({'transform':'rotate(90deg)'});
});
..to try and get the rotation working but as the div with class sl-image containing the image rotates, the lightbox fades out/closes. I want the lightbox to stay when this button is clicked.
Am I missing something?
jquery lightbox
asked Nov 8 at 23:58
zeerozeroone
22
I am using SimpleLightbox v1.15.0 and want to be able to rotate images using a button. I have added a button to a downloaded demo page and (after much effort) have the button appear with the lightbox and disappear when closed.
I have written this underneath the existing function...
$('.theButton').click(function(){
$('.sl-image').css({'transform':'rotate(90deg)'});
});
..to try and get the rotation working but as the div with class sl-image containing the image rotates, the lightbox fades out/closes. I want the lightbox to stay when this button is clicked.
Am I missing something?
jquery lightbox
jquery lightbox
asked Nov 8 at 23:58
zeerozeroone
22
asked Nov 8 at 23:58
zeerozeroone
22
asked Nov 8 at 23:58
zeerozeroone
22
asked Nov 8 at 23:58
zeerozeroone
22
asked Nov 8 at 23:58
zeerozeroone
22
22
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
I have discovered an answer to my own question.
The associated javascript file has a small block of code that looks like this:
// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});
I added
$(e.target).closest('.theButton').length === 0
to the inner most if statement and this seems to have stopped closing the lightbox when clicking on the button.
answered Nov 10 at 15:22
zeerozeroone
22
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
I have discovered an answer to my own question.
The associated javascript file has a small block of code that looks like this:
// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});
I added
$(e.target).closest('.theButton').length === 0
to the inner most if statement and this seems to have stopped closing the lightbox when clicking on the button.
answered Nov 10 at 15:22
zeerozeroone
22
add a comment |
up vote
0
down vote
I have discovered an answer to my own question.
The associated javascript file has a small block of code that looks like this:
// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});
I added
$(e.target).closest('.theButton').length === 0
to the inner most if statement and this seems to have stopped closing the lightbox when clicking on the button.
answered Nov 10 at 15:22
zeerozeroone
22
add a comment |
up vote
0
down vote
up vote
0
down vote
I have discovered an answer to my own question.
The associated javascript file has a small block of code that looks like this:
// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});
I added
$(e.target).closest('.theButton').length === 0
to the inner most if statement and this seems to have stopped closing the lightbox when clicking on the button.
answered Nov 10 at 15:22
zeerozeroone
22
I have discovered an answer to my own question.
The associated javascript file has a small block of code that looks like this:
// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
if(opened){
if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
close();
}
}
});
I added
$(e.target).closest('.theButton').length === 0
to the inner most if statement and this seems to have stopped closing the lightbox when clicking on the button.
answered Nov 10 at 15:22
zeerozeroone
22
answered Nov 10 at 15:22
zeerozeroone
22
answered Nov 10 at 15:22
zeerozeroone
22
answered Nov 10 at 15:22
zeerozeroone
22
22
add a comment |
add a comment |
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%2f53217926%2fprevent-lightbox-closing-when-clicking-on-my-own-button%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
