I'm trying to close FancyBox from within the iframe, but parent.$
is always undefined
.
This is my iframe JavaScript:
<script type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'>
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
(function($) {
$.fn.closeFancyBox = function() {
$(this).click(function() {
parent.$.fancybox.close();
});
};
})(jQuery);
$('#cancel').closeFancyBox();
});
});
</script>
Replacing parent.$.fancybox.close();
with alert('clicked');
works just fine. I don't understand why parent.$
is undefined
when the iframe is in the same domain.
I'm using WordPress 2.9.1, with the FancyBox for Wordpress plugin.
- main page:
//server.local/web/test/index.php
- iframe page:
//server.local/web/test/wp-content/plugins/wp-test/test.htm
The first of these urls is the main page, the second is the iframe page; server.local
is my home test server.
Any ideas? I can pastebin the entire source if it would be helpful.
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…