标签 ‘ jquery

[Jquery][Js] 事件绑定,可绑定动态生成的元素等

.on( events [, selector ] [, data ], handler(eventObject) )

events
类型: String
一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如”click”, “keydown.myPlugin”, 或者 “.myPlugin”。
selector
类型: String
一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器,那么被选中的元素总是能触发事件。
data
类型: Anything
当一个事件被触发时,要传递给事件处理函数的event.data。
handler(eventObject)
类型: Function()
事件被触发时,执行的函数。若该函数只是要执行return false的话,那么该参数位置可以直接简写成 false。

好比我们要给 网页中动态生成的 某元素(样式)绑定 click 事件,可以如下写法。
$(document.body).on(“click”, “.response-controls”, function () {
/* 你的代码 /*
});

  • [Jquery][Js] 事件绑定,可绑定动态生成的元素等已关闭评论

[Js/Jquery]获取iframe中的元素

js

在父窗口中获取iframe中的元素
Js代码

格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementById("btnOk").click();

Java代码

格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();

在iframe中获取父窗口的元素
Js代码

格式:window.parent.document.getElementById("父窗口的元素ID").click();
实例:window.parent.document.getElementById("btnOk").click();

jquery
在父窗口中获取iframe中的元素
js代码

格式:("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例:
("#ifm").contents().find("#btnOk").click();//jquery 方法1

js代码

格式:("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例:
("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素
js代码

格式:('#父窗口中的元素ID', parent.document).click();
实例:
('#btnOk', parent.document).click();

  • [Js/Jquery]获取iframe中的元素已关闭评论

[jQuery]登陆窗口等抖动特效

可实现指定的窗口div等元素左右抖动几下的特效,正好我用在登陆窗口上面,验证登陆错误,登陆窗口就左右抖动几下,效果不错。

function shake(o){
var panel =("#"+o);
box_left = ((window).width() -panel.width()) / 2;
panel.css({'left': box_left,'position':'absolute'});
for(var i=1; 4>=i; i++){
panel.animate({left:box_left-(40-10*i)},50);
$panel.animate({left:box_left+2*(40-10*i)},50);
}
}

  • [jQuery]登陆窗口等抖动特效已关闭评论

解决jQuery特效在UpdatePanel中提交一次后无效的方法

网上说jQuery用live或者on等,都无效。。。
终于看到一个有用的方法,如下:
1、定义一个事件 add_endRequest
PageRequestManager 类是一个管理浏览器中服务器 UpdatePanel 控件的部分页更新。此外,还定义一些属性、事件和方法,用以通过客户端脚本对网页进行自定义。通过调用 getInstance 方法来得到 PageRequestManager 类的实例。然后通过 add_endRequest 方法来绑定 endRequest 事件(异步回发完成,并且控制权返回到浏览器之后引发)。这样以后,每次updatepanel发生回调后,都会触发EndRequestHandler()函数。重新绑定一次效果


function reload() {
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}

//在页面定义一个重新绑定的函数
function EndRequestHandler() {
  ("#faq_a_comments td").on({
        mouseenter: function(){      
           
("#faq_a_comments div").css("display", "block");
        },
        mouseleave: function(){
            $("#faq_a_comments div").css("display", "none");
        }
    });
}

然后在

$(document).ready(function() {
    reload();
};

  • 解决jQuery特效在UpdatePanel中提交一次后无效的方法已关闭评论

return top