在dreamweaver cs5中实现query.magnific-popup.js。原始代码中的语法错误

时间:2013-06-19 10:04:04

标签: magnific-popup

我是新手使用大胆的弹出窗口,我正在尝试在dreamweaver cs5中实现query.magnific-popup.js。我没有更改此文件的原始语法中的内容,但在以下语言中出现语法错误:

<meta name="selected-link" value="repo_source" data-pjax-transient />

我还在线放置了一个带有语法的测试图像,这很简单:

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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Page</title>

    <script src="scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="www.youtube.com/iframe_api" type="text/javascript"></script>
    <script src="www.youtube.com/iframe_api" type="text/javascript"></script>
    <script src="http://a.vimeocdn.com/js/froogaloop2.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.magnific-popup.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/magnific-popup.css"></script>
</head>

<body>
    <div id="wrapper">
        <div id="topnav">
            <div id="topnav-links">
                <ul>
                    <li><a href="flexstay.html">Flexstay</a></li>
                    <li><a href="flexpack.html">Flexpack</a></li>
                    <li><a href="flexchoice.html">Flexchoice</a></li>
                    <li><a href="flexclusives.html">Flexclusives</a></li>
                    <li><a href="friends.html">Friends</a></li>
                    <li><a href="guiding-car-coach.html">Guiding | Car | Coach</a></li>
                </ul>
        </div>

       <a class="popup" href="http://farm9.staticflickr.com/8379/8588290361_ecf8c27021_b.jpg" title="This image fits only horizontally.">
       <img src="http://farm9.staticflickr.com/8379/8588290361_ecf8c27021_s.jpg" height="75" width="75"></a>

    </div>

   <script type="text/javascript"> 
    $(document).ready(function() {
    $('.popup').magnificPopup({
    type: 'image', closeOnContentClick: true,
    image: {
    verticalFit: false
    }
    });
    });
    </script>
</body>
</html>

有人可以帮我吗?提前谢谢。

0 个答案:

没有答案