Question

我正在尝试使用Javascript节点和Jade创建一个网站，我对此非常陌生并且目前卡住了。我有一个名为＆＃39; formBuilder＆＃39;当它加载时，它需要在左边显示一个简单的表格，我在Jade中有这个：

form(method="post")#builder-form.form-horizontal.well
    h2
    h6#sub1 Would you like to build a new form or edit an existing one?
    hr
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn1.btn.btn-default
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn2.btn.btn-default
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn3.btn.btn-default
    .form-group

现在，当按下一个按钮时，我希望另一个表格与这个表格一起加载。因此，虽然上面的表单位于页面的左侧，但我希望另一种表单位于页面的中间右侧。这些按钮是用JavaScript制作的，目前很简单：

// bind event listeners to button clicks //
var that = this;

//  Handle Home button pressed //

$('#btn-Home').click(function() {window.location.href = '/home';})

// Handle New Form //
$('#builder-form-btn1').click(function(){that.newForm(); });

// Handle Open Form //
$('#builder-form-btn2').click(function(){that.openForm(); });

// Handle Delete Form //
$('#builder-form-btn3').click(function(){that.deleteForm(); });


this.newForm = function()
{

}

this.openForm = function()
{

}

this.deleteForm = function()
{

}

我不确定在按钮点击功能中放什么。我已经尝试在JavaScript中创建变量并更改它但它没有效果，我也尝试过制作一个AJAX GET请求以及一个POST，我觉得我也可能做错了。我真的不确定如何去做这件事，就像我之前说的那样，说实话，我对JavaScript，Jade和网站编程都很陌生。

非常感谢任何和所有帮助。

提前致谢。

Jade加载体基于Javascript按钮

0 个答案: