繁体   English   中英

使用 javascript 更新按钮的文本

[英]Updating the text of a button with javascript

我正在尝试更新按钮,因为它倒计时到实时链接,但按钮文本没有更新......

这是我的脚本

var meetings_default_view_default = {

start: function () {

    window.setInterval(function () {
        
        var _div = $('.meetings_wrapper');
        var _meeting_id = [];
        var _url = _div.data('url');

        // Collect all the relevant meeting ids
        _div.children().each(function () {
            _meeting_id.push($(this).data('id'));
        });

        if (!_meeting_id.length) {
            return;
        }
        
        $.post(_url, {meeting_id: _meeting_id}, function(data) {
            
            if (data.alert) {
                alert(data.alert);
                return false
            };
            
//                if (!data.meeting_id) {
//                    alert('No data returned');
//                }
            
            for (var i in data.meeting_id) {
                var meeting_data = data.meeting_id[ i ];
                var meeting_id = meeting_data[ 'id' ];
                // locate the start button *within* the panel with the appropriate id
                var _button = _div.find('.panel[data-id=' + meeting_id + '] a.button').last();
                var _css = 'button';
                
                if (meeting_data['css_class']) {
                    _css += ' ' + meeting_data['css_class'];
                }

                _button.attr('class',_css);
                
                if (meeting_data['label']) {
                    _button.find('span').text(meeting_data['label']);
                }
                
            }
            
        });
        


    }, 60000);
}
};

$(meetings_default_view_default.start);

其他所有内容( css )都发生了变化,只是按钮的文本没有变化? 一直盯着这个看很久了!

对不起,累了时又犯了一个愚蠢的错误。 这工作正常...

                if (meeting_data['label']) {
                       _button.text(meeting_data['label']);
                }

更好的是 - 这不会覆盖按钮元素中的标签,它只会更新文本部分。

if (meeting_data['label']) {
    _button.textContent = meeting_data['label'];
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM