Javascript Jquery动态变化
我不是Jquery的专家,我的开发者不在。我正在使用。这个很好用。代码如下:Javascript Jquery动态变化,javascript,jquery,Javascript,Jquery,我不是Jquery的专家,我的开发者不在。我正在使用。这个很好用。代码如下: $(function(){ $('.example7').jqCron({ enabled_minute: true, multiple_dom: true, multiple_month: true, multiple_mins: true, multiple_dow: true, multiple_tim
$(function(){
$('.example7').jqCron({
enabled_minute: true,
multiple_dom: true,
multiple_month: true,
multiple_mins: true,
multiple_dow: true,
multiple_time_hours: true,
multiple_time_minutes: true,
default_period: 'week',
default_value: '*/14 */2 */3 * *',
bind_to: $('.example7-input'),
bind_method: {
set: function($element, value) {
$element.val(value);
}
},
no_reset_button: false,
lang: 'en'
});
});
<div class="example7"></div> <input class="example7-input" />
<div class="example8"></div> <input class="example8-input" />
<div class="example8"></div> <input class="example8-input" />
html
<div class="example7"></div> <input class="example7-input" />
我的问题
我需要将上述函数添加到一些div中,如下所示
$(function(){
$('.example7').jqCron({
enabled_minute: true,
multiple_dom: true,
multiple_month: true,
multiple_mins: true,
multiple_dow: true,
multiple_time_hours: true,
multiple_time_minutes: true,
default_period: 'week',
default_value: '*/14 */2 */3 * *',
bind_to: $('.example7-input'),
bind_method: {
set: function($element, value) {
$element.val(value);
}
},
no_reset_button: false,
lang: 'en'
});
});
<div class="example7"></div> <input class="example7-input" />
<div class="example8"></div> <input class="example8-input" />
<div class="example8"></div> <input class="example8-input" />
解决方法是单击example7div,该值只需应用于输入框example7 input。因此,每个div都需要显示不同的值。所有这些都使用相同的Jquery函数
那么,我如何修改jQuery函数,使您的函数如下所示:
Javascript
$(函数(){
$('.example7').jqCron({
每分钟:对,
多重性:对,
多个月:对,
多分钟:对,
多道:没错,
多小时:正确,
多个时间分钟:正确,
默认周期:“周”,
默认值:'*/14*/2*/3**',
绑定到:$('.example7输入、.example8输入、.example9输入'),
绑定方法:{
集合:函数($element,value){
$element.val(值);
}
},
无重置按钮:错误,
朗:“恩”
});
});
HTML
所以您的函数应该是这样的:
Javascript
$(函数(){
$('.example7').jqCron({
每分钟:对,
多重性:对,
多个月:对,
多分钟:对,
多道:没错,
多小时:正确,
多个时间分钟:正确,
默认周期:“周”,
默认值:'*/14*/2*/3**',
绑定到:$('.example7输入、.example8输入、.example9输入'),
绑定方法:{
集合:函数($element,value){
$element.val(值);
}
},
无重置按钮:错误,
朗:“恩”
});
});
HTML
您可以尝试以下代码片段:
$(function () {
var classes_arr = ["example7", "example8", "example9"];
for (var item in classes_arr) {
$("." + classes_arr[item] + "").jqCron({
enabled_minute: true,
multiple_dom: true,
multiple_month: true,
multiple_mins: true,
multiple_dow: true,
multiple_time_hours: true,
multiple_time_minutes: true,
default_period: "week",
default_value: "*/14 */2 */3 * *",
bind_to: $("." + classes_arr[item] + "-input"),
bind_method: {
set: function ($element, value) {
$element.val(value);
},
},
no_reset_button: false,
lang: "en",
});
}
});
在此代码段中,所有元素都分组在一个数组中。如果需要添加更多元素,请在
classes\u arr
数组中添加它们的类名。您可以尝试以下代码段:
$(function () {
var classes_arr = ["example7", "example8", "example9"];
for (var item in classes_arr) {
$("." + classes_arr[item] + "").jqCron({
enabled_minute: true,
multiple_dom: true,
multiple_month: true,
multiple_mins: true,
multiple_dow: true,
multiple_time_hours: true,
multiple_time_minutes: true,
default_period: "week",
default_value: "*/14 */2 */3 * *",
bind_to: $("." + classes_arr[item] + "-input"),
bind_method: {
set: function ($element, value) {
$element.val(value);
},
},
no_reset_button: false,
lang: "en",
});
}
});
在此代码段中,所有元素都分组在一个数组中。如果您需要添加更多元素,请在
classes\u arr
数组中添加它们的类名。那么您想在这三个div上显示jqCron
,是吗?是的,这正是我想要的。所以您想在这三个div上显示jqCron
,是吗?是的,这正是我想要的。这将把值应用到所有这些输入框中。我的意思是,如果我更改了一个字段中的值,比如说example7,那么jquery会将该更改应用于所有inputbox,与上面相同。这一变化适用于所有输入字段我想我不明白你的问题。如果您提供一些输入输出,效果会更好。单击example7 div时,该值只需应用于输入框example7 input。因此,每个div都需要显示不同的值。这会将这些值应用于所有这些输入框。我的意思是,如果我更改了一个字段中的值,比如说example7,那么jquery会将该更改应用于所有inputbox,与上面相同。这一变化适用于所有输入字段我想我不明白你的问题。如果您提供一些输入输出,效果会更好。单击example7 div时,该值只需应用于输入框example7 input。所以每个div需要显示不同的值。更新答案。现在检查,谢谢你,弗雷迪。这个很好用。这是解决方案更新的答案。现在检查,谢谢你,弗雷迪。这个很好用。这就是解决办法