레일즈 부트 스트랩 삭제 모달 확인 확인

링크를 클릭하면서 bevore 액션을 수행하고 싶습니다. 부트 스트랩 모달에 취소 및 삭제 버튼이 표시되어야합니다. 이 lookslike레일즈 부트 스트랩 삭제 모달 확인 확인

코드 :

삭제 버튼

<button class="btn btn-default" data-href="<%= url_for(:action => :delete, :id => @vid.id) %>" data-toggle="modal" data-target="#modalBox"> 
      <i class="fa fa-trash"></i> <%= t "movies.add.delete" %> 
      </button>

모달 코드 application.html.erb에 -> 모달가 비어 있습니다. jquery로 페이지로드시 버튼을 설정합니다. 그건 잘 작동합니다.

$(".modal-footer").html("<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button> <a class='btn btn-danger btn-ok'>Delete</a>");

및 대기 모달의 코드

은 이것이다 :

$("#modalBox").on('show.bs.modal', function(e) { 
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href')); 
});

뭐죠이 경우 내 문제?

는 여기에서 코드 예제를 가지고 : http://plnkr.co/edit/NePR0BQf3VmKtuMmhVR7?p=preview

감사

을

문제는 다음과 같습니다 모달 .. 100ms 미만 ^^위한 표시되고 삭제

출처

2016-07-19 Felix

데모는 2 개의 다른 브라우저에서 잘 작동하는 것처럼 보입니다. 다르게 일어날 것으로 예상되는 것은 무엇입니까? – charlietfl

다른 것은 없습니다 ^^ 데모와 같은 것을 원합니다. 하지만 내 자신의 붙여 넣기 코드 doch 작동하지 않습니다 – Felix

볼 수 또는 버튼을 클릭하지 않고 모달 dissapears – Felix

솔루션을 실행

<button class="btn btn-default deletebtn" data-href="<%= url_for(:action => :delete, :id => @vid.id) %>" onclick="check();return false;"> 
    <i class="fa fa-trash"></i> <%= t "movies.add.delete" %> 
</button>

출처

2016-07-19 13:05:27 Felix

레일즈 부트 스트랩 삭제 모달 확인 확인

답변

관련 문제