jQuery fancybox在较少的HTML页面中加载iframe但在Wordpress中加载iframe

我很难找到哪个jQuery插件或Wordpress中不允许使用fancybox加载iframe的其他内容。jQuery fancybox在较少的HTML页面中加载iframe但在Wordpress中加载iframe

容易的fancybox剥去HTML作品及以下的工作版本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html><head> 

<!-- Add jQuery library --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 

<link rel='stylesheet' id='easy-fancybox.css-css' href='http://www.wp-responsive-themes.com/wp-content/plugins/easy-fancybox/easy-fancybox.css.php?ver=1.3.4' type='text/css' media='screen' /> 

<script type='text/javascript' src='http://www.wp-responsive-themes.com/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script> 
</head> 
<body> 
<a href="http://wp-responsive-themes.com/" data-fancybox-type="iframe" title="preview" class="preview fancybox-iframe">Preview</a> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
     $("a.preview").fancybox({ 
      'Width' :  960 , 
      'Height' :  640, 
      'hideOnContentClick': false, 
      'type':'iframe' 
     }); 
}); 

</script> 
</body> 
</html>

但的fancybox无法在这个网页（WordPress的）上加载的iframe。

iframe的应该打开的时候被点击下页

http://www.wp-responsive-themes.com/2012/myapp-adaptive-wp-theme-for-app-developers-429/

“iPhone 5的垂直方向预览” 需要帮助

亲切的问候

来源

2012-09-16 AnupRaj

在同一页面加载fancybox但不加载iframe – AnupRaj

WordPress是安装在jQuery的使用方式没有冲突。这意味着$不是现成的。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers

jQuery(document).ready(function($) { 
     $("a.iphone4_vertical").fancybox({ 
      'Width' :  960 , 
      'Height' :  640, 
      'hideOnContentClick': false, 
      'type':'iframe' 
     }); 
});

添加$作为函数参数应该解决您的问题。

来源

2012-09-16 16:38:51 Jrod

@AnupRaj：还要确保'width'和'height'没有大写字母（js参数区分大小写） – JFK

jQuery fancybox在较少的HTML页面中加载iframe但在Wordpress中加载iframe

回答

相关问题