0

我已经从这个链接http://jqueryui.com/accordion/完成了可折叠的内容面板，我需要的是什么？在 section1 内容面板内只有两个按钮（是和否）。因此，当我单击“是”按钮时，这两个按钮会消失，并且应该将一些内容加载到 section1 内容面板中。这个任务怎么做？这是使用 twitter 引导程序构建的。

4

2 回答 2

1

创建两个按钮，下面的代码是一个按钮，但你可以解决剩下的，然后用剩下的按钮做你想做的事。

$('.yesbutton').click(function({
    $(this).hide();
    $('.nobutton').hide();
    $('.supersneakyhidingcontent').show();
});
于 2013-10-14T13:37:16.623 回答
0

在您的按钮单击事件中，您可以按照 BeatAlex 的说明进行操作，同时从模板和/或数据源动态加载您的内容：

$('.button').click(function({
    // hide buttons

    // load content
    $.ajax({
         url: '/controller/action',    // path to controller or datasource
         type: 'POST',
         data: JSON.stringify(data),   // data to pass to server (format as needed)
         contentType: 'application/json;charset=utf-8'
    }).done(function (data) {          // data is what your return from server
        // execute code here to fill your selector
    }).fail(function (data) {
        // take action in case of failure
    });
});

当然，如果您动态加载数据，您可能希望将您的 ajax 调用包装在一个全局函数中。我这样做并将一个回调函数传递给它，我在完成时执行。这也允许我在失败时向用户展示更全局的错误。

另一个我非常喜欢的与 bootstrap 一起使用的建议是使用 Observables 和 MVVM，因为它需要大量的 JQuery 选择器编写。我们使用引导程序来做到这一点，并在使用引导程序的单页应用程序中取得了巨大成功。我们正在使用免费版的 Kendo UI Web。希望这可以帮助。

Kendo UI 可观察框架| Kendo UI 演练中的 MVVM

于 2013-10-14T18:07:15.673 回答