Пропустить атрибут данных HTML для семантического интерфейса пользователя

Question

У меня есть список элементов, каждый с другим типом данных, который при нажатии меня должен передать тип данных = «имя» в качестве переменной в семантический интерфейс.

<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); 

Однако я хочу использовать ту же модальность для всех элементов (с названием, как «имя» типа данных), не создавая несколько модальных экземпляров и я не уверен, как передать данные на него?

Answer 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'); 
    ... 
}) 

Answer 2

На этот вопрос был дан ответ @wafield. Тем не менее, heres более подробное объяснение, если это помогает кому-либо еще:

$('.segment__item').click(function() { 
    $pagetype = $(this).data('type'); 
    $('#modal-newpage') 
     .modal('show') 
     .modal('setting', 'duration', 280) 
     .modal('setting', 'closable', false); 
    $('h1.modal__title').text("New " + $pagetype + " page"); 
    $('form').attr('action', $('form').attr('action') + $pagetype); 
    $('input[name=page_type]').val($pagetype); 
});