JQuery Thickbox - 无法显示答案

【问题标题】：JQuery Thickbox - Can't get it to displayJQuery Thickbox - 无法显示
【发布时间】：2010-03-30 12:26:52
【问题描述】：

我今天第一次使用 JQuery。我不能让它工作（它很简单没有出现）。我想使用Thickbox 显示内联内容（最终我将在iframe 中显示PDF）。我已经包含了所有的 javascript 和 css 文件等，并在下面的代码中引用了它们。

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryLearning._Default" %>
<!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 runat="server">
    <title>Untitled Page</title>

    <script src="Scripts/thickbox.js" type="text/javascript"></script>

    <script src="Scripts/thickbox-compressed.js" type="text/javascript"></script>

    <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

    <link href="App_Themes/Theme/Css/thickbox.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="#TB_inline?height=50&width=300&inlineId=hiddenModalContent"
                title="Simple Demo" class="thickbox">Show hidden content.</a>
        <div id="hiddenModalContent" style="display: none;">
            <div style="text-align: center;">
                Hello ThickBox!</div>
        </div>
    </div>
    </form>
</body>
</html>

我错过了什么吗？谢谢，阿里

【问题讨论】：

标签： asp.net jquery thickbox

【解决方案1】：

我认为您需要更改脚本文件的顺序，否则它们将无法正常工作：

<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="Scripts/thickbox.js" type="text/javascript"></script>

<script src="Scripts/thickbox-compressed.js" type="text/javascript"></script>

<link href="App_Themes/Theme/Css/thickbox.css" rel="stylesheet" type="text/css" />

另外：“thickbox.js”和“thickbox-compressed.js”不是同一个模块的不同压缩格式吗？在这种情况下，您可以省略其中之一。如果要在js内部调试，需要“thickbox.js”，否则“thickbox-compressed.js”就足够了。

【讨论】：

非常感谢。脚本的顺序是个问题。 ““thickbox.js”和“thickbox-compressed.js”不是同一个模块的不同压缩格式吗？”是的，他们是。省略一个。