内联 PrettyPhoto 框中的简单 jquery 脚本不起作用答案

【问题标题】：simple jquery script in inline PrettyPhoto box not working内联 PrettyPhoto 框中的简单 jquery 脚本不起作用
【发布时间】：2013-09-18 13:16:46
【问题描述】：

我对 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>

【问题讨论】：

你想如何隐藏一个不显示的元素？！
感谢 Skalar，我已经更改了示例脚本，但我的问题还没有结束......
现在如果我点击文本“关闭测试 div”，“这是一个测试”会隐藏

标签： javascript jquery prettyphoto

【解决方案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>

【讨论】：

好的，但这不是我的问题。问题是框中的小显示/隐藏脚本...
也许你包含了一个错误的脚本或 css，或者其他什么...向我们展示你的整个 html 文件。