Question

我想更改顶部面板中ThickBox中显示的文本。现在它看起来像这样（来自Firebug的HTML）：

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插件的文档页面，但没有提到任何方法。

Answer 1

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

您可以将名称设置为要在弹出窗口中显示的标题！

Answer 2

我会查看您用于ThickBox的javascript文件并搜索“或Esc Key”并将其删除...

我不一定要修改那些js文件中的代码，但是之前已经完成了...

修改
我打开了这个文件：http://jquery.com/demo/thickbox/thickbox-code/thickbox.js并且能够在第128行找到这个文本“或Esc Key”...

这一行以：
开头
$("#TB_window").append("<a href='' i.....

Answer 3

我有这个问题（我试图删除“Esc Key”）而我找不到它。如果你搜索压缩代码，你将找不到“Esc Key”，如果你搜索“Esc”和“Key”，你会找到它们。这是一段代码，其中包含两个单词：

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

Answer 4

这是防止转义键的解决方案，并从ThickBox中删除文本“或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;
});

Answer 5

当我使用带有Wordpress的thickbox时遇到了同样的问题，但是当我仔细查看代码时，我发现了这段代码 -

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文件。

希望有所帮助。

干杯，

萨钦

Answer 6

<a>标题属性将附加在模式标题上

<a title="Your Modal Title" href="#TB_inline?width=450px&height=250px&inlineId=modal-window-id&modal=false" class="button thickbox">Open Modal</a>

<div id="modal-window-id" style="display:none;">
    <p>Lorem Ipsum sit dolla amet.</p>
</div>

更改ThickBox的标题

6 个答案: