Fancybox与淘汰赛后重新绑定

Question

我试图完成的结果是，当用户点击一个链接内联fancybox用html打开它。当用户输入一个值并点击输入时，它应该更新（敲除）我的视图模型，并且该花式框应该面对一个方法。

这是我的代码到目前为止，我知道我需要重新申请mybindings，但无法弄清楚如何。

HTML：

<div style="display:none"> 
     <div id="inlineManufacturerAdder"> 
      <div style="width:1000px;"> 
       <!-- In deze div alle content --> 
       <h2>Add new Manufacturer2</h2> 
       <p> 

        <form data-bind="submit: vm.addManufacturer"> 
         <input type="text" data-bind="value: vm.newManufacturer, valueUpdate: 'afterkeydown'" placeholder="New Manufacturer"> 
        </form> 
       </p> 
      </div> 
     </div> 
    </div> 

使用Javascript（打字稿）：

export function viewAttached() { 
    $("a.fancybox-link-add-manufacturer").click(function (e) { 
     $.fancybox({ 
      content: $('#inlineManufacturerAdder').html(), //this is where it goes wrong, it gets the content and forgets the bindings I guess! 
      type: 'html' 
     }); 
     return false; 
    }); 
} 

如果我使用DIV（也被设置为显示：无）在一个正常的方式，使没有的fancybox一切正常正好。

我该怎么办？我正在使用杜兰达！

Answer 1

您不应该需要重新应用绑定。只是不要传入innerHTML内容，而是将元素节点（或jQuery实例）传递给花式框。

EG：相反的：

content: $('#inlineManufacturerAdder').html()

只是做：

content: $('#inlineManufacturerAdder')

[更新]

或东西长这些行：

<a href="#inlineManufacturerAdder" class="fancybox-link-add-manufacturer" >Click me</a> 
<div id="inlineManufacturerAdder" data-bind="html: msg"></div> 

<script> 
$(".fancybox-link-add-manufacturer").fancybox(); 
</script> 

示例：http://jsfiddle.net/r83XF/2/