2013-04-08 3 views
0

이것은 모달에 페이딩 효과를주기 위해 사용하는 자바 스크립트입니다. 작동하지 않습니다. 나는 이유를 모른다. 그것은 단지 플래시처럼 튀어 오릅니다. 천천히 페이드 인하겠습니다. & 그런 다음 닫을 때 페이드 아웃됩니다.모달 페이딩 없음

 <link href="Styles/myStyleSheet.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
<link href="Styles/Tab.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" language="javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 

var launch = false; 
function launchModalV2() { 
    launch = true; 
} 

function pageLoad() { 
    if (launch) { 
     //alert('1'); 
     // $find("mpeTest").show(); 
     $find('mpeTest').fadeIn(); 
    } 
} 

function launchModalV1() { 
    alert('1'); 
    //$find('mpeTest').show(); 
    $find('mpeTest').fadeIn(); 
    return false; 
} 

CSS의 클래스 :

.modalBackground 
{ 
background-color: Black; 
-filter: alpha(opacity=80); 
-opacity: 0.6; 
z-index: 10000; 
} 


<div style="position:absolute"> 
<act:ModalPopupExtender ID="mpeTest" BehaviorID="mpeTest" runat="server" TargetControlID="btnShowModal" PopupControlID="pnlPopup" OkControlID="btnOk" BackgroundCssClass="modalBackground"> 
</act:ModalPopupExtender> 
<asp:Button ID="btnOk" runat="server" Text="Ok" /> 
</div> 

<div> 
    <asp:UpdatePanel runat="server" ID="pnlPopup"> 
    <ContentTemplate> 
    <asp:Panel ID="pnlMyAddressBook" runat="server" BackColor="White" CssClass="roundcorner pnl"> 

    <table style="width:100%" cellspacing="0px" cellpadding="0px">.......... 
+0

사용 하시겠습니까? – plalx

답변

0

당신은 $find('mpeTest').fadeIn();를 사용에도 불구하고 $("#mpeTest").modal("show")를 사용하여 시도 할 수 있습니다

그것은 JS 라이브러리는 당신이다 또한 어떤 HTML은`ModalPopupExtender`에 의해 생성 된 것을보고 도움이 될
+0

의미가 있더라도 ... rt? 그리고이 줄을 fadeIn() 앞이나 뒤에 넣어야합니까? – adityawho

+0

나는'$ find ('mpeTest') .fadeIn()을'$ ("mpeTest"). modal ("show")'로 대체했다. 희망이 당신을 위해 작동합니다. –

+0

작동하지 않습니다 .. 아마도 당신은 이해하지 못할 것입니다 ... 나는 그것을 약화시키고 싶습니다 ... 이미 보여주고 있습니다! – adityawho