JavaScript jade模态变量

时间:2014-03-22 17:41:47

标签: javascript twitter-bootstrap pug

民间,   我正在尝试动态生成模态。我如何找到这段文字并交换价值?

我有一个标签,我想从表中动态设置内容。什么是查找和替换| .emailAddress的正确方法?

.modal-body
    h3
        span.label.label-info Email
        | .emailAddress

script.
 var $modal = $('#mymodal')
  , $titleField = $modal.find('.modal-title')
  , $emailField = $modal.find('| .emailAddress');

 $('body').on('show.bs.modal', '.modal', function () {
    var mid = $(event.target).closest('tr').data('id');
    var email = $(event.target).closest('tr').data('email');
    $titleField.text(email);
    $emailField.text(email);
 });

1 个答案:

答案 0 :(得分:0)

你没有解释你如何使用Jade,有两个版本:

  1. 服务器端,您的客户端获得生成的HTMl
  2. 客户端,您将Jade模板编译为JavaScript并在客户端中加载JS文件。
  3. 对于您的问题,有两种解决方案:

    • 您更改已生成的HTML,因为在加载页面后可以触发用户操作。 (这就是你的解决方案的样子,但这与Jade无关!)
    • 您重新加载Jade模板:从DOM中删除旧模板并将使用数据(从模态操作)传递到新模板,仅适用于解决方案 2。

    但也许你的错误是这个选择器,这是不正确的:

    $modal.find('| .emailAddress');
    试试这个:
    $modal.find('.emailAddress');