我被困住了。搜索并尝试了几个小时。
编辑:
我仍然无法使其正常工作。好的,我只是放置源代码以明确说明我要完成的工作。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
var date_fmt="yyyy-mm-dd";
var time_fmt="HH:MM";
var date_field="#id_start_0, #id_end_0"; //id refering to html input type='text'
var time_field="#id_start_1, #id_end_1"; //id refereing to html input type='text'
function clearFmt(fmt_type)
{
if($(this).val() == fmt_type) {
$(this).val("");
}
}
function putFmt(fmt_type)
{
if($(this).val() == "") {
$(this).val(fmt_type);
}
}
$(document).ready(function() {
$(date_field).attr("title",date_fmt);
$(time_field).attr("title",time_fmt);
$(date_field).click(function() {
clearFmt(date_fmt);
});
$(date_field).blur(function(){
putFmt(date_fmt);
});
$(time_field).click(function(){
clearFmt(time_fmt);
});
$(time_field).blur(function(){
putFmt(time_fmt);
});
});
</script>
帮助 ?
最佳答案
使用jQuery bind方法:
function myfunc(param) {
alert(param.data.key);
}
$(document).ready( function() {
$("#foo").bind('click', { key: 'value' }, myfunc);
});
另请参阅我的jsfiddle。
===更新===
从jquery 1.4.3开始,您还可以使用:
function myfunc(param) {
alert(param.data.key);
}
$(document).ready( function() {
$("#foo").click({ key: 'value' }, myfunc);
});
另请参阅我的第二个jsfiddle。
===更新2 ===
每个函数都有自己的
this
。在此函数中调用clearFmt
后,this
不再是单击的元素。我有两个类似的解决方案:在您的函数中添加一个名为例如的参数
element
并将$(this)
替换为element
。function clearFmt(element, fmt_type) {
if (element.val() == fmt_type) {
element.val("");
}
}
调用该函数,您必须添加参数
$(this)
。$(date_field).click(function() {
clearFmt($(this), date_fmt);
});
另请参阅我的third jsfiddle。
-=-
替代:
function clearFmt(o) {
if ($(o.currentTarget).val() == o.data.fmt_type) {
$(o.currentTarget).val("");
}
}
$(date_field).click({fmt_type: date_fmt}, clearFmt);
另请参阅我的fourth jsfiddle。
关于javascript - 如何在jQuery事件处理程序中使用参数调用JavaScript函数?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7510654/