jquery - 切换按钮文本不起作用

Question

好的，我想在单击按钮时切换按钮中的文本：

$('.text-btn').click(function () {
  $('.text-btn').toggle();
});

它在小提琴中工作正常，但是当我将它添加到我的 .js 文件时它不起作用。我想也许它与我的 .js 冲突，我不知道。如果您摆脱所有 .js，只在其末尾留下切换代码，您可以看到它工作正常。请问有什么帮助吗？在这里摆弄。谢谢。

Answer 1

始终检查您的控制台是否有错误，在您的小提琴中缺少引导程序的插件日期时间选择器，因此您可以尝试http://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js在您的代码中包含这个：

工作小提琴：http: //jsfiddle.net/hieuh25/VLc2F/3/

编辑：

现在的问题是切换功能在弹出窗口上不起作用：http: //jsfiddle.net/labanino/whcya/1/

因为弹窗是由 JS 动态添加的，所以你应该在弹窗的回调上绑定点击处理程序。由于 Bootstrap 弹出框并没有正式提供回调处理程序，我们需要对其进行一点扩展：

var tmp = $.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show = function () {
    tmp.call(this);
    if (this.options.callback) {
        this.options.callback();
    }
}

$('[rel=popover]').popover({
    html: true,
    content: function () {
        return $(this).siblings('.popover').html();
    },
    callback: function () {
        $('.text-btn').click(function () {
            /*alert('What's going on!');*/
            $('.text-btn').toggle();
        });
    }
});

工作小提琴：http: //jsfiddle.net/hieuh25/whcya/3/

希望这可以帮助。