0

我对 PrettyPhoto 和 PrettyPhoto 内联框中的简单 jquery 脚本有疑问。为什么我不能在这个漂亮的照片框中隐藏 div？我不明白为什么这不起作用...

<!DOCTYPE html>
<html>
    <head>
        <title>Pretty photo test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" charset="utf-8" />
        <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <li><a href="#inline_demo" rel="prettyPhoto[inline]">Inline content 1</a></li>

        <div id="inline_demo" style="display:none;">
          <div id="testje" style="display:block">this is a test</div>
          <a onclick="$('#testje').hide(); return false">Close test div</a>
        </div>

        <script type="text/javascript" charset="utf-8">
            $(document).ready(function(){
                $("a[rel^='prettyPhoto']").prettyPhoto();
            });
        </script>           
    </body>
</html>
4

1 回答 1

1

无需添加[inline]：

<li><a href="#inline_demo" rel="prettyPhoto">Inline content 1</a></li>

<div id="inline_demo" style="display:none;">
  <div id="testje">this is a test</div>
  <a onclick="$('#testje').hide(); return false;">Close test div</a>
</div>
于 2013-09-18T13:22:50.643 回答