JQuery Thickbox - 無法顯示

我今天第一次使用JQuery。我不能讓它工作（它簡單不顯示）。我想使用Thickbox顯示內聯內容（最終，我將在iframe中顯示PDF）。我已經包含了所有的javascript和css文件等，並在下面的代碼中引用它們。JQuery Thickbox - 無法顯示

<%@ 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>

我錯過了什麼嗎？謝謝，阿里

來源

2010-03-30 Ali

我認爲你需要改變腳本文件的順序，否則他們將無法正常工作：

<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-30 12:33:33 Prutswonder

非常感謝。腳本的順序是一個問題。「不是」thickbox.js「和」thickbox-compressed.js「是同一模塊的不同壓縮格式嗎？」是的，他們是。省略一個。 – Ali 2010-03-30 12:42:39

JQuery Thickbox - 無法顯示

回答

相關問題