2013-10-01 5 views
0

Я пытаюсь открыть fancybox iframe с содержимым HTML внутри на данный момент Это просто простой html-документ с текстом, но он будет в конечном итоге быть формой, однако, когда я нажимаю, чтобы проверить его, он просто открывает другой HTML-документ. как это сделать, чтобы он открыл html-документ в iframe. вот мой HTML с включает в себя и кнопка соединения, которая должна открыть HTML в FancyBox:Fancybox iframe form

<link rel="stylesheet" type="text/css" href="css/styles.css"> 
<link rel="stylesheet" href="/js/source/jquery.fancybox.css" type="text/css"  media="screen" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="/js/source/jquery.fancybox.pack.js"></script> 
<script language="javascript" type="text/javascript" src="/js/source/vpb_script.js"></script> 

<body> 

<div id = "signup"><div><center><a class = "fancybox fancybox.iframe" href="form.html">  <img src="images/sign-up.png" width="216" height="65" /></a></center></div></div> 

</div> 



</div> 
<script type=”text/javascript”> 
$(document).ready(function() { 
$(".fancybox").fancybox({ 
width : '70%', 
height : '70%’ 
}); 
}); 
</script> 
</body> 
</html> 

Пожалуйста, помогите :)

ответ

1

Вы неверную одинарную кавычку в конце атрибута высоты. Вы используете какую-то странную поднятую запятую вместо одной цитаты, и это вызывает ошибку javascript.

Посмотрите эту скрипку, где я ее работаю. http://jsfiddle.net/manishie/DRvyq/

HTML:

<a class="fancybox" data-fancybox-type="iframe" href="http://disney.com">Iframe</a> 

JavaScript:

$(document).ready(function() { 
     $(".fancybox").fancybox({ 
      width: '70%', 
      height: '70%' 
     }); 
    });