更改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的标题

回答

相关问题