Javascript 如何从引导滑块顶部触发按钮单击事件
如何使引导Javascript 如何从引导滑块顶部触发按钮单击事件,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,如何使引导sliderslideStop事件获取slider值将slider值分配给标签控件,然后单击按钮 aspx JS $(“#ex13”).slider().on('slideStop',函数(ev){ document.getElementById(“”).data(“#ex13”).val(ev.value)}); 功能() { document.getElementById(“”)。单击(); }; 您可以使用: $('#<%=btnCallPriceSearchQry.C
slider
slideStop
事件获取slider
值将slider
值分配给标签控件,然后单击按钮
aspx
JS
$(“#ex13”).slider().on('slideStop',函数(ev){
document.getElementById(“”).data(“#ex13”).val(ev.value)});
功能()
{
document.getElementById(“”)。单击();
};
您可以使用:
$('#<%=btnCallPriceSearchQry.ClientID%>>').trigger('click');
$('#')。触发器('click');
代码中的问题是:触发单击的函数没有名称
因此,您可以在函数中添加一个名称,如:
fuction triggerClick()
{
document.getElementById('').click();
}
功能触发点击()
{
document.getElementById(“”)。单击();
}
在调用此函数之前声明此函数,或将代码直接移动到事件处理程序中:
$("#ex13").slider().on('slideStop',function(ev){
document.getElementById('').data("#ex13").val(ev.value);
document.getElementById('').click();
});
$(“#ex13”).slider().on('slideStop',函数(ev){
document.getElementById(“”).data(“#ex13”).val(ev.value);
document.getElementById(“”)。单击();
});
使用该功能,代码将为:
fuction triggerClick()
{
document.getElementById('').click();
}
$("#ex13").slider().on('slideStop',function(ev){
document.getElementById('').data("#ex13").val(ev.value);
triggerClick();
});
功能触发点击()
{
document.getElementById(“”)。单击();
}
$(“#ex13”).slider().on('slideStop',函数(ev){
document.getElementById(“”).data(“#ex13”).val(ev.value);
triggerClick();
});
当您声明一个没有名称的函数时,请注意浏览器控制台中出现的错误:未捕获引用错误:未定义函数。您也可以使用jquery通过id获取元素
触发器功能将完成此工作。
请参阅: 将所有代码放入事件函数中。 见下面的例子
$("#ex13").slider().on('slideStop',function(ev){
$('#<%=lblpricecode.ClientID%>').data("#ex13").val(ev.value);
$('#<%=btnCallPriceSearchQry.ClientID%>').trigger("click");
});
$(“#ex13”).slider().on('slideStop',函数(ev){
$(“#”)数据(“#ex13”).val(ev.value);
$('#')。触发器(“单击”);
});
以下是我最终对其进行排序的方式
$("#ex13").slider().on('slideStop',function(ev){var mypriceinput=document.getElementById("<%=PriceString.ClientId%>");
mypriceinput.value=(ev.value);
document.getElementById("<%=btnCallPriceSearchQry.ClientId%>").click();
});
$(“#ex13”).slider().on('slideStop',函数(ev){var mypriceinput=document.getElementById(“”);
mypriceinput.value=(ev.value);
document.getElementById(“”)。单击();
});
同时多亏了大家我仍然有同样的问题;第一;当我将滑块从点A移动到点B时,我希望btnCallPriceSearchQry在该点触发,但这并没有发生,其次;我声明了一个字符串变量测试,并将其分配给btnCallPriceSearchQry_click下的lblpricecode.text;我原本希望TEST现在具有滑块的值,但TEST为空,即TEST=“”。请提供帮助,或者我的逻辑错误仍然没有进展,看起来slideStop事件根本没有触发。请尝试使用此选项模拟单击:
$(#“”)[0]。单击()代码>我想我们越来越近了;当我注释掉这一行时:$('#').data(“#ex13”).val(ev.value);触发器触发,这行有什么问题,我需要这个值作为查询字符串
$("#ex13").slider().on('slideStop',function(ev){
$('#<%=lblpricecode.ClientID%>').data("#ex13").val(ev.value);
$('#<%=btnCallPriceSearchQry.ClientID%>').trigger("click");
});
$("#ex13").slider().on('slideStop',function(ev){var mypriceinput=document.getElementById("<%=PriceString.ClientId%>");
mypriceinput.value=(ev.value);
document.getElementById("<%=btnCallPriceSearchQry.ClientId%>").click();
});