更改ThickBox的標題

我想更改顯示在頂部面板中ThickBox中的文本。現在它看起來像這樣（HTML從螢火蟲）：更改ThickBox的標題

http://test2.richardknop.com/thickbox.jpg

所以我想改變HTML的這一部分：

<div id="TB_closeAjaxWindow"> 
<a id="TB_closeWindowButton" title="Close" href="#">close</a> 
or Esc Key 
</div>

爲了例如：

<div id="TB_closeAjaxWindow"> 
<a id="TB_closeWindowButton" title="Close" href="#">close</a> 
</div>

我已閱讀ThickBox插件的文檔頁面，並沒有提及任何方式來做到這一點。

來源

2009-09-19 Richard Knop

我已經爲你更新了我的答案...... – RSolberg 2009-09-20 14:38:58

我想看看通過您正在使用的ThickBox的JavaScript文件，然後搜索「或ESC鍵」，並刪除它...

我並不喜歡那些js文件修改代碼，但是有以前做過......

編輯
我打開了這個文件：http://jquery.com/demo/thickbox/thickbox-code/thickbox.js，並能找到這個文本「或ESC鍵」上線128 ...

這條線開始了與：

來源

2009-09-19 15:29:21 RSolberg

它不在js文件中的任何位置。我搜索了「或Esc Key」，NetBeans還沒有找到任何東西。 – 2009-09-19 15:45:47

通過整個網站瀏覽該文本... – RSolberg 2009-09-19 16:18:10

整個網站？唯一與ThickBox jQuery插件有關的是js文件。其他文件是由我編寫的HTML模板和PHP代碼。 – 2009-09-19 20:40:10

我有這個問題（我試圖刪除「Esc鍵」），我找不到它。如果你搜索壓縮的代碼，你不會找到「Esc Key」，如果你搜索「Esc」和「Key」，你會發現它們。這裏的代碼與這兩個詞中的一個片段：

goNext|**Esc**|or|close|tb_showIframe|TB_imageCount|Close|new|browser|TB_FoundURL|**Key**|Image|

來源

2011-02-09 19:21:19

下面是從的ThickBox防止ESC鍵和刪除文本「或ESC」進行解決。

function diableEscape(){ 
    var data = $("#TB_closeAjaxWindow").find("a"); 
    $("#TB_closeAjaxWindow").html(data); 
    $(data).click(function() { 
     tb_remove(); 
    }); 
    document.onkeyup = function(e){  
    }; 
}

然後調用上面的「diableEscape（）;」在打開的彈出式腳本中運行

$("#name").click(function(){ 
    tb_show("Add Name", $(this).attr("name")+"?height=400"+"&width=580&TB_iframe=true", ""); 
    jQuery("#TB_overlay").unbind("click",tb_remove); 
    diableEscape(); 
    return false; 
});

來源

2012-02-22 09:39:57 Shyamsinghy

我有同樣的問題時，我使用的ThickBox與WordPress，但是當我通過代碼挖，我發現這個代碼塊 -

if(!params['modal']){ 
    document.onkeyup = function(e){  
     if (e == null) { // ie 
      keycode = event.keyCode; 
     } else { // mozilla 
      keycode = e.which; 
     } 
     if(keycode == 27){ // close 
      tb_remove(); 
     } 
    }; 
}

上面的代碼鉤住ESC鍵的功能，只有當傳遞的參數不是「模態」時。因此，只需在href中傳遞modal = true即可。你的HTML代碼看起來就像這樣 -

<a href="#TB_inline?height=440&amp;width=600&amp;inlineId=popup&amp;modal=true">Open</a>

你不必與原來的JS文件添加周圍的任何特殊功能或混亂。

希望有所幫助。

乾杯，

薩欽

來源

2012-06-07 08:56:20

<a name="Set Follow Up Date" href="rikin_adhyapak.php" class="thickbox" />rikin adhyapak is an excellent PHP Coder!</a>

您可以設置名稱作爲標題來顯示您的彈出窗口！

來源

2013-11-21 11:52:54

這是唯一正確的答案... – Archonic 2015-04-30 00:37:22

Thaaaaaaaaaaaaaaaaaank你。在1.79秒內解決了我的問題;） – 2017-05-08 03:44:24

如果您使用WordPress，此解決方案可以正常工作。只需在您的錨標記中使用'name =「」'，它就會顯示爲您的thickbox標題。 – Mastrianni 2017-08-21 04:24:27

更改ThickBox的標題

回答

相關問題