我试图在iframe按钮单击的基础上执行操作。但是我做不到。
HTML:-
<div class="content">
Here my content displaying
<script type="text/javascript">
$(document).ready(function(){
$('#ifrme_btn').click(function(){
console.log('button clicked');
$('#message_div', window.parent.document).hide();
});
});
</script>
<div id="message_div">
After click on iframe button i want hide this div
</div>
<iframe id="Iframe">
<html lang="en-US" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Any Title</title>
</head>
<body id="ifrme-content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
<input type="button" id="ifrme_btn" name="Check Status" value="Clicked Iframe Button" />
</body>
</html>
</iframe>
</div>
onclick on ifrme_btn i want hide message_div
如果你正在与生成的元素交互，请使用.live("click")
http://api.jquery.com/live/例如:
$("#ifrme_btn").live("click", function(){
$("#message_div").hide();
}
});
功能:
$(document).ready(function(){
$('#ifrme_btn').click(function(){
console.log('button clicked');
$('#message_div', window.parent.document).hide();
});
});
你可以这样做