Unable to close modal after PDF Preview
I have this content in the modal where the user has the option if user wants to close the modal or print the content inside the modal.
Here's the btn:
<button type="button" class="btn btn-secondary closemodal">Close</button>
And here's the script :
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").hide('.ModalLargeContent');
});
});
</script>
Note 1: The modal is closing when I close it directly if I do not preview or click the function for print content. So I have this assurance that my scripts are working.
Note 2: Data-dismiss is the same thing as my script so both aren't working if I preview the pdf first before clicking CLOSED btn.
jquery pdf
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
add a comment |
I have this content in the modal where the user has the option if user wants to close the modal or print the content inside the modal.
Here's the btn:
<button type="button" class="btn btn-secondary closemodal">Close</button>
And here's the script :
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").hide('.ModalLargeContent');
});
});
</script>
Note 1: The modal is closing when I close it directly if I do not preview or click the function for print content. So I have this assurance that my scripts are working.
Note 2: Data-dismiss is the same thing as my script so both aren't working if I preview the pdf first before clicking CLOSED btn.
jquery pdf
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
Why to write separate click function to hide the modal when bootstrap gives us default featuredata-dismiss="modal"?<button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>
– DPS
Nov 23 '18 at 5:13
add a comment |
I have this content in the modal where the user has the option if user wants to close the modal or print the content inside the modal.
Here's the btn:
<button type="button" class="btn btn-secondary closemodal">Close</button>
And here's the script :
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").hide('.ModalLargeContent');
});
});
</script>
Note 1: The modal is closing when I close it directly if I do not preview or click the function for print content. So I have this assurance that my scripts are working.
Note 2: Data-dismiss is the same thing as my script so both aren't working if I preview the pdf first before clicking CLOSED btn.
jquery pdf
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
I have this content in the modal where the user has the option if user wants to close the modal or print the content inside the modal.
Here's the btn:
<button type="button" class="btn btn-secondary closemodal">Close</button>
And here's the script :
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").hide('.ModalLargeContent');
});
});
</script>
Note 1: The modal is closing when I close it directly if I do not preview or click the function for print content. So I have this assurance that my scripts are working.
Note 2: Data-dismiss is the same thing as my script so both aren't working if I preview the pdf first before clicking CLOSED btn.
jquery pdf
jquery pdf
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
9,41892030
asked Nov 23 '18 at 3:23
JazJaz
327
asked Nov 23 '18 at 3:23
JazJaz
327
asked Nov 23 '18 at 3:23
JazJaz
327
327
Why to write separate click function to hide the modal when bootstrap gives us default featuredata-dismiss="modal"?<button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>
– DPS
Nov 23 '18 at 5:13
add a comment |
Why to write separate click function to hide the modal when bootstrap gives us default featuredata-dismiss="modal"?<button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>
– DPS
Nov 23 '18 at 5:13
Why to write separate click function to hide the modal when bootstrap gives us default feature
data-dismiss="modal" ? <button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>– DPS
Nov 23 '18 at 5:13
Why to write separate click function to hide the modal when bootstrap gives us default feature
data-dismiss="modal" ? <button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>– DPS
Nov 23 '18 at 5:13
add a comment |
1 Answer
1
active
oldest
votes
minor fixing
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").modal('hide');
});
});
</script>
this is the correct one to hide
$(".ModalLargeContent").modal('hide');
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
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%2f53440296%2funable-to-close-modal-after-pdf-preview%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
minor fixing
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").modal('hide');
});
});
</script>
this is the correct one to hide
$(".ModalLargeContent").modal('hide');
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
add a comment |
minor fixing
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").modal('hide');
});
});
</script>
this is the correct one to hide
$(".ModalLargeContent").modal('hide');
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
add a comment |
minor fixing
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").modal('hide');
});
});
</script>
this is the correct one to hide
$(".ModalLargeContent").modal('hide');
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
minor fixing
<script>
$(document).ready(function() {
$(".closemodal").click(function() {
$(".ModalLargeContent").modal('hide');
});
});
</script>
this is the correct one to hide
$(".ModalLargeContent").modal('hide');
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
edited Nov 23 '18 at 5:43
Shiladitya
9,41892030
9,41892030
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
answered Nov 23 '18 at 4:54
Yash SoniYash Soni
47510
47510
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%2f53440296%2funable-to-close-modal-after-pdf-preview%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
Why to write separate click function to hide the modal when bootstrap gives us default feature
data-dismiss="modal"?<button type="button" class="btn btn-secondary closemodal" data-dismiss="modal">Close</button>– DPS
Nov 23 '18 at 5:13