0
我有这样的代码:<iframe>按钮,主
iframe.html
:
<div id="w">
<div id="a">
...
</div>
<div id="b" style="display:none">
...
</div>
</div>
<a href="#" id="button" class="b open">Change</a>
main.html
:
...
<div id="con">
<iframe src="http://localhost/iframe.html" scrolling="no" id="myiframe">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<div id="show" style="display:none">
Hello WOrld!
</div>
我的内的JavaScript:
$(document).ready(function() {
$("a#button").click(function(){
if ($(this).hasClass('open')) {
$(this).removeClass('open');
$(this).addClass('close');
$('#a').fadeOut(200);
$("#b").fadeIn(200);
}else{
$("a#button").css({"margin-top":""});
$(this).removeClass('close');
$(this).addClass('open');
$("#b").fadeOut(200);
$('#a').fadeIn(200);
}
});
});
我尝试在 JavaScript来插入此代码:
....
$("a#button").click(function(){
$("#show").css({"display":"block", "background":"green"});
....
}
但是,它不会工作,因为JavaScript代码是内,它不能看到#show
<div>
。
有什么方法可以使用JavaScript或jQuery,当我点击中的#button
时,它会反映出#show
<div>
?
欢迎..编码快乐.. :) – bipen