-1

我正在使用带有颜色框插件的 jQuery。我想用 jquery 更改按钮的文本。按照这个例子，jQuery更改按钮文本我添加了这行代码： 

$(document).ready(function(){
                $('#cboxClose').html('Hello World');

但按钮的文字仍然显示“关闭”

Jfiddle 表明我的代码应该可以工作：http: //jsfiddle.net/wTwXz/——但控制台没有显示任何错误。将代码更改为.val("hello world")或.text("hello world")两者都不起作用。此外，萤火虫中显示的 HTML 显示没有其他元素 id=cboxclose

<!DOCTYPE html>
<html>
<head>
<body>
<div style="display:none">
<div id="cboxOverlay" style="opacity: 0.9; cursor: pointer; visibility: visible;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: block; visibility: visible; top: 421px; left: 588px; position: absolute; width: 504px; height: 104px;">
<div id="cboxWrapper" style="height: 104px; width: 504px;">
<div>
<div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left; height: 62px;"></div>
<div id="cboxContent" style="float: left; width: 462px; height: 62px;">
<div id="cboxLoadedContent" style="width: 462px; overflow: auto; height: 34px;">
<div id="cboxTitle" style="float: left; display: block;"></div>
<div id="cboxCurrent" style="float: left; display: none;"></div>
<button id="cboxPrevious" type="button" style="display: none;"></button>
<button id="cboxNext" type="button" style="display: none;"></button>
<button id="cboxSlideshow" style="display: none;"></button>
<div id="cboxLoadingOverlay" style="float: left; display: none;"></div>
<div id="cboxLoadingGraphic" style="float: left; display: none;"></div>
<button id="cboxClose" type="button">close</button>
</div>
<div id="cboxMiddleRight" style="float: left; height: 62px;"></div>
</div>
<div style="clear: left;">
</div>
<div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
</div>
</body>
</html>

我还能尝试什么？

4

3 回答 3

3

意外行为来自创建警报面板的颜色框中的 jQuery 调用顺序。如果我在 onComplete 函数中添加代码，一旦颜色框完成制作框就会触发，那么一切正常。

$.colorbox({width:"30%", inline:true, href:"#inline_content",
                    onComplete: function() {
                    $('#cboxClose').text('Hello World');
                 },
于 2013-08-22T19:30:07.017 回答
0

利用$('#cboxClose').text('Hello World');

于 2013-08-22T16:32:34.740 回答
0

如果你使用 .val() 它工作正常

<input id="cboxClose" type="button" value="Close"></input>

$(document).ready(function(){
            //Examples of how to assign the Colorbox event to elements
            $('#cboxClose').val('Hello World');
});

http://jsfiddle.net/Develop_er/NzVxK/1/

于 2013-08-22T16:35:26.937 回答