Jquery 剑道窗口填充父对象

我正在尝试为剑道对话创建自定义操作“fillParent”

var dialog = $('#dialog').kendoWindow({
    actions: [
        'FillParent', 'Minimize', 'Maximize'
    ]
});

//FillParent definition
dialog.wrapper.find(".k-i-fillparent").click(function(e){
    e.preventDefault();
    dialog.setOptions({
        width: $(".content").width(),
        height: $(".content").height(),
        position: {
            top: 0, left: 0
        }
    })
});

这仅在我第一次单击“填充父对象”按钮时有效。为什么?

还有其他更好的方法来实现这个目标吗

=========

多亏了ezanker。 但我注意到，内容的大小并没有和窗口相关。还使用.restore（）解决了此问题

var dialog = $('#dialog').kendoWindow({
actions: ['FillParent', 'Minimize', 'Maximize']
});

//FillParent definition
dialog.wrapper.on("click", ".k-i-fillparent", function(e){
    dialog.setOptions({
        width: $(".content").width(),
        height: $(".content").height(),
        position: {top: 0, left: 0}
    });
    dialog.restore();
    e.preventDefault();
});

---

使用jQuery.on（）尝试并委托给

.k-i-fillparent

选择器：

dialog.wrapper.on("click", ".k-i-fillparent", function(e){
      dialog.setOptions({
          width: $(".content").width(),
          height: $(".content").height() - 30,
          position: {
              top: $(".content").offset().top, left: $(".content").offset().left
          }
      });
    e.preventDefault();
});

---

使用jQuery.on（）尝试并委托给

.k-i-fillparent

选择器：

dialog.wrapper.on("click", ".k-i-fillparent", function(e){
      dialog.setOptions({
          width: $(".content").width(),
          height: $(".content").height() - 30,
          position: {
              top: $(".content").offset().top, left: $(".content").offset().left
          }
      });
    e.preventDefault();
});

工作