0

今日、初めて JQuery を使用します。うまくいきません（単純に表示されません）。Thickbox を使用してインライン コンテンツを表示したい (最終的には PDF を iframe に表示することになります)。すべての 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>

何か不足していますか？ありがとう、アリ

4

1 に答える 1

3

スクリプト ファイルの順序を変更する必要があると思います。そうしないと、正しく動作しません。

<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」で十分です。

于 2010-03-30T12:33:33.487 に答える