이 모달 창을 올바르게 작동시키는 방법?

Question

내가 알아낼 수없는 eric martin's 모달 창에 대해 3 개의 작은 질문이 있습니다. 이 모달을 사용하는 사람이 나를 도울 수 있기를 바랍니다. 내가 액세스 할 수있는 기본 응용 프로그램을 만들었으므로 현재 가지고있는 모달 윈도우에서 어떤 현상이 발생했는지 확인할 수 있습니다 (here).

자바 스크립트 :

function plusbutton() 
    { 

    $(".previouslink").modal(); 

    return false; 
} 

HTML :

<table id="plus" align="center"> 
<tr> 
<th> 
<a href="previousquestions.php" class="previouslink" onclick="return plusbutton();"> 
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/> 
</a> 
<span id="plussignmsg">(Click Plus Sign to look <br/> up Previous Questions)</span> 
</th> 
</tr> 
</table> 

질문 1 : 다음은

내가 현재 가지고있는 모달 윈도우의 전체 코드는 더하기 기호를 클릭하면 응용 프로그램, 내가 원하지 않는 모달 창에 더하기 기호를 표시합니다. 왜 모달 창에 더하기 기호가 표시되고 이것을 제거 할 수 있습니까?

질문 2 : 모달 창의 오른쪽 상단 모서리에 닫기 버튼 (x 이미지)이 표시되어야하지만 닫기 버튼이 표시되지 않습니다.

background:url(/images/x.png); 

이제이 폴더는 "이미지"로 이동해야 이미지에 CSS 페이지에서 이동하기 때문에 디렉토리는 다음에있다 : 이제 CSS에서 버튼을 닫습니다 디렉토리는 이것이다 "x.png"이미지.

질문 3 : 내 html을 보면 내 하이퍼 링크에서 실제로 perviousquestions.php 페이지를 연결하고 싶습니다. 그래서 내가 원하는 것은 사용자가 더하기 버튼을 클릭 할 때 "previousquestions.php"페이지의 정보를 표시하는 모달 창이 나타납니다. 어떻게 이것을 달성 할 수 있습니까?

대단히 감사합니다.

Answer 1

모달 창에 표시하려는 정보가 있으면 별도의 위치에 두어야합니다. 당신이

$(".previouslink").modal(); 

을 말함으로써 일을하면 부모 요소 내의 모든 물건 모달 윈도우의 내용으로 .previouslink 원하는입니다.

모달이 튀어 나올 때마다 콘텐츠를 다른 범위 또는 div로 이동하여보십시오.

배경 : url은 '/와 .png 뒤에'을 사용해보십시오.

Like background:url('/images/x.png');