带引导程序弹出窗口的淘汰赛事件

杰克·马尔科维奇

我有一个针对popover的自定义绑定:

init = (element: any, valueAccessor: () => any, allBindingsAccessor?: KnockoutAllBindingsAccessor, viewModel?: any, bindingContext?: KnockoutBindingContext) => {
        var $elem = $(element);
        var popover = $elem.popover({
            placement: 'auto',
            content: function () {
                return $('#' + valueAccessor() + " > div");
            },
            html: true,
            container: 'body'
        })
}


<div class="pover">
    <div>
        <span data-bind="click: function(){alert('213')}">test</span> 
    </div>
</div>

因此,您第一次打开popover-它显示为文本,并且click事件可以正常工作。第二次打开弹出窗口时,它是空的。隐藏弹出窗口时,B / c dom被破坏了。我如何避免这种情况?我无法克隆html,b / c click事件绑定将被破坏...

我的解决方法是,请告诉我怎么可能出问题?

var popover = $elem.popover({
            placement: 'auto',
            content: function () {
                $("#single-popover").remove();
                $('body').append('<div id="single-popover">' + $("#popoverTemplate").html() + '</div>');
                ko.cleanNode($('#single-popover')[0]);
                ko.applyBindings(bindingContext, $('#single-popover')[0]);
                return $('#single-popover');
            },
            html: true,
            container: 'body'
        })
布莱恩·德林格(Bryan Dellinger)

这样的事情会为您工作http://jsfiddle.net/LkqTU/32668/

ko.bindingHandlers.popover = {
  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
    ko.bindingHandlers.value.init(element, valueAccessor, allBindings);
    var source = allBindings.get('popoverTitle');
    var sourceUnwrapped = ko.unwrap(source);
    $(element).popover({
      trigger: 'focus',
      title: sourceUnwrapped,
      placement: 'auto',
      content: function() {
        return  ko.unwrap(valueAccessor()) 
      },
      html: true,
      container: 'body'
    });
  },
  update: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
    var value = valueAccessor();
    ko.bindingHandlers.value.update(element, valueAccessor);
  }
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

淘汰赛事件触发两次

来自分类Dev

反应大日历,向事件添加引导程序弹出窗口?

来自分类Dev

无法处理来自引导程序弹出窗口内容的事件

来自分类Dev

带引导程序弹出窗口的角度ng-if不起作用

来自分类Dev

淘汰赛+引导程序3单选按钮

来自分类Dev

淘汰赛变更事件处理程序

来自分类Dev

引导程序弹出窗口(bootbox)中的Javascript事件不起作用

来自分类Dev

引导程序弹出窗口(bootbox)中的Javascript事件不起作用

来自分类Dev

如何更改引导程序弹出窗口的宽度

来自分类Dev

引导程序弹出窗口太窄

来自分类Dev

填充角度ui引导程序弹出窗口

来自分类Dev

引导程序5弹出窗口失败

来自分类Dev

随机显示弹出窗口引导程序模态

来自分类Dev

在引导程序中使用按钮弹出窗口

来自分类Dev

使用引导程序div结构进行淘汰赛排序不起作用

来自分类Dev

在淘汰赛中路由事件?

来自分类Dev

在foreach淘汰赛中检查事件

来自分类Dev

角引导程序弹出窗口几秒钟后隐藏

来自分类Dev

单击按钮时启用/禁用引导程序弹出窗口

来自分类Dev

更改引导程序弹出窗口背景色

来自分类Dev

使用引导程序可视化弹出窗口

来自分类Dev

关闭引导程序模式弹出窗口时的方法调用

来自分类Dev

带有UI引导程序的弹出窗口中的Year Picker

来自分类Dev

我正在尝试从引导程序创建默认弹出窗口

来自分类Dev

没有得到角度的UI引导程序弹出窗口

来自分类Dev

引导程序材料设计-波纹未显示在弹出窗口中

来自分类Dev

如何与选择一起使用引导程序弹出窗口?

来自分类Dev

动态添加的引导程序弹出窗口不起作用

来自分类Dev

如何更改已经显示的引导程序弹出窗口的内容?

Related 相关文章

热门标签

归档