Question

好的，我想点击按钮时切换按钮中的文字：

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

并且在 fiddle 中工作正常但是当我将其添加到我的.js文件时它无法正常工作。我想也许这与我的.js有冲突，我不知道。如果你摆脱了所有.js，那么你可以看到它的工作正常。有什么帮助吗？的 Fiddle here .Thanks。

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动态添加的，所以你应该在popover的回调上绑定click handler。由于Bootstrap popover没有正式提供回调处理程序，我们需要对它进行一些扩展：

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/

希望这有帮助。

切换按钮文本无效

1 个答案: