Mixing
Execute multiple JQuery functions not working
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
I made an automatic click to add a new line. in it there are select2 and datepicker. I refresh this after the new line. but they cannot be executed at the same time.
$(document).ready(function () {
var i = 1;
$("#add_row").click(function () {
$('tr').find('input').prop('enable', true);
$('#addr' + i).html("<td><input type='text' name='nama" + i +
"' placeholder='Nama Kegiatan' class='form-control input-md'/></td><td><input data-date-format='dd/mm/yyyy' data-date-viewmode='years' type='text' placeholder='Pilih Tanggal Berkas' name='waktu" + i +
"' class='datepicker'></td><td><select class='js-example-basic-single' style='width:200px;' name='idunsur" + i +
"' > <?php foreach ($unsur as $u) { echo '<option value=' . $u->id_unsur . ' >' . $u->unsur_nama . '</option>'; } ?></select></td><td><input type='file' accept='.pdf' name='file" + i +
"' placeholder='File kegiatan' class='form-control input-md'/></td>");
$('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
i++;
$('.datepicker').datepicker().refresh();
$('.js-example-basic-single').select2().refresh();
});
});
jquery datepicker jquery-select2
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
add a comment |
0
I made an automatic click to add a new line. in it there are select2 and datepicker. I refresh this after the new line. but they cannot be executed at the same time.
$(document).ready(function () {
var i = 1;
$("#add_row").click(function () {
$('tr').find('input').prop('enable', true);
$('#addr' + i).html("<td><input type='text' name='nama" + i +
"' placeholder='Nama Kegiatan' class='form-control input-md'/></td><td><input data-date-format='dd/mm/yyyy' data-date-viewmode='years' type='text' placeholder='Pilih Tanggal Berkas' name='waktu" + i +
"' class='datepicker'></td><td><select class='js-example-basic-single' style='width:200px;' name='idunsur" + i +
"' > <?php foreach ($unsur as $u) { echo '<option value=' . $u->id_unsur . ' >' . $u->unsur_nama . '</option>'; } ?></select></td><td><input type='file' accept='.pdf' name='file" + i +
"' placeholder='File kegiatan' class='form-control input-md'/></td>");
$('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
i++;
$('.datepicker').datepicker().refresh();
$('.js-example-basic-single').select2().refresh();
});
});
jquery datepicker jquery-select2
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Also, does each one have arefresh()function? I thinkdatepickerhas a refresh method, but I'm not sure aboutselect2.
– showdev
Jan 3 at 2:46
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25
add a comment |
0
0
0
I made an automatic click to add a new line. in it there are select2 and datepicker. I refresh this after the new line. but they cannot be executed at the same time.
$(document).ready(function () {
var i = 1;
$("#add_row").click(function () {
$('tr').find('input').prop('enable', true);
$('#addr' + i).html("<td><input type='text' name='nama" + i +
"' placeholder='Nama Kegiatan' class='form-control input-md'/></td><td><input data-date-format='dd/mm/yyyy' data-date-viewmode='years' type='text' placeholder='Pilih Tanggal Berkas' name='waktu" + i +
"' class='datepicker'></td><td><select class='js-example-basic-single' style='width:200px;' name='idunsur" + i +
"' > <?php foreach ($unsur as $u) { echo '<option value=' . $u->id_unsur . ' >' . $u->unsur_nama . '</option>'; } ?></select></td><td><input type='file' accept='.pdf' name='file" + i +
"' placeholder='File kegiatan' class='form-control input-md'/></td>");
$('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
i++;
$('.datepicker').datepicker().refresh();
$('.js-example-basic-single').select2().refresh();
});
});
jquery datepicker jquery-select2
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
I made an automatic click to add a new line. in it there are select2 and datepicker. I refresh this after the new line. but they cannot be executed at the same time.
$(document).ready(function () {
var i = 1;
$("#add_row").click(function () {
$('tr').find('input').prop('enable', true);
$('#addr' + i).html("<td><input type='text' name='nama" + i +
"' placeholder='Nama Kegiatan' class='form-control input-md'/></td><td><input data-date-format='dd/mm/yyyy' data-date-viewmode='years' type='text' placeholder='Pilih Tanggal Berkas' name='waktu" + i +
"' class='datepicker'></td><td><select class='js-example-basic-single' style='width:200px;' name='idunsur" + i +
"' > <?php foreach ($unsur as $u) { echo '<option value=' . $u->id_unsur . ' >' . $u->unsur_nama . '</option>'; } ?></select></td><td><input type='file' accept='.pdf' name='file" + i +
"' placeholder='File kegiatan' class='form-control input-md'/></td>");
$('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
i++;
$('.datepicker').datepicker().refresh();
$('.js-example-basic-single').select2().refresh();
});
});
jquery datepicker jquery-select2
jquery datepicker jquery-select2
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
asked Jan 3 at 2:31
Muhammad SafrezaMuhammad Safreza
163
163
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Also, does each one have arefresh()function? I thinkdatepickerhas a refresh method, but I'm not sure aboutselect2.
– showdev
Jan 3 at 2:46
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25
add a comment |
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Also, does each one have arefresh()function? I thinkdatepickerhas a refresh method, but I'm not sure aboutselect2.
– showdev
Jan 3 at 2:46
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Also, does each one have a
refresh() function? I think datepicker has a refresh method, but I'm not sure about select2.– showdev
Jan 3 at 2:46
Also, does each one have a
refresh() function? I think datepicker has a refresh method, but I'm not sure about select2.– showdev
Jan 3 at 2:46
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25
add a comment |
1 Answer
1
active
oldest
votes
0
Delete the refresh funtion, because the function does not exist, if you want to refresh, simply make initialization. like this:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
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
});
}
});
draft saved
draft discarded
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%2f54015600%2fexecute-multiple-jquery-functions-not-working%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
0
Delete the refresh funtion, because the function does not exist, if you want to refresh, simply make initialization. like this:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
add a comment |
0
Delete the refresh funtion, because the function does not exist, if you want to refresh, simply make initialization. like this:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
add a comment |
0
0
0
Delete the refresh funtion, because the function does not exist, if you want to refresh, simply make initialization. like this:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
Delete the refresh funtion, because the function does not exist, if you want to refresh, simply make initialization. like this:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
answered Jan 3 at 4:30
Muhammad SafrezaMuhammad Safreza
163
163
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f54015600%2fexecute-multiple-jquery-functions-not-working%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
Are the two plugins compatible with each other and your HTML? It might help to provide a functional example demonstrating the problem.
– showdev
Jan 3 at 2:34
Also, does each one have a
refresh()function? I thinkdatepickerhas a refresh method, but I'm not sure aboutselect2.– showdev
Jan 3 at 2:46
@showdev oke it just my mistake, i delete these refresh functions, it works
– Muhammad Safreza
Jan 3 at 4:25