将HTML数据属性传递给语义UI模式

时间:2015-04-02 18:02:52

标签: jquery html5 modal-dialog custom-data-attribute semantic-ui

我有一个项目列表,每个项目都有不同的数据类型,单击时我想将data-type =“name”作为变量传递给语义UI模式。

<a class="segment__item u-cf" id="modal" data-type="name">
    ...
</a>

我可以点击

触发模态罚款
$('#modal-newpage')
    .modal('attach events', '#newpage', 'show')
    .modal('setting', 'duration', 280)
    .modal('setting', 'closable', false);

但是,我想对所有项目使用相同的模态(标题为数据类型“名称”),而不创建多个模态实例,我不知道如何将数据传递给它?

2 个答案:

答案 0 :(得分:1)

data-type不应该一直改变......我会在模态中使用隐藏的input来处理更改的值:

HTML:

<div id="modal" class="ui modal">
  <input class="type" type="hidden">
  ...
</div>

JS:

$('button').click(function() {
  $('#modal input.type').val('name');
  $('#modal').modal('show');
  ...
})

答案 1 :(得分:0)

@wafield回答了这个问题。然而,如果它能帮助其他任何人,还会有更详细的解释:

#!/usr/bin/tclsh
proc raise {{base} {pow} args} {
for {set base1 $base} {$pow >= 0} {incr $pow -1} {
set ans [expr $base * $base1 ]
set base $ans
return $ans
}
}