Jquery не исполняется шоу в приложении разрыв телефона

Question

Я создаю приложение для определения разрыва телефона и у меня есть ссылка, которая должна показывать модал.

На страницах, созданных с использованием js / jquery, ссылка выглядит следующим образом:

<a href="javascript:Void(0);" class="btn uploadPhotoBtn" data-id="' + id + '" data-user="' + user_id + '" data-name="' + obj.data.group_name + '">Upload Photo</a>

Затем при нажатии:

$(document).on('click', '.uploadPhotoBtn', function () {    
   //show modal....
   showModal('photo-upload');
});

И функция showModal ()

function showModal(id) {
    alert(id);
    $('#' + id).show();
}

Предупреждение перед .show () появляется, но модальное никогда не появляется.

Answer 1

Это потому, что у вас нет атрибута id в вашем HTML.У вас есть атрибут data-id.

Попробуйте вместо этого:

function showModal(id) {
  $('[data-id="'+id+'"]').show();
}