2012-05-21 7 views
-1

가능한 중복 : Jquery css show div 링크가 작동하지 않습니까?


Jquery css show div?

확인이 아무도 대답을 보일 수없는 내 문제입니다. 두 개의 자바 스크립트를 사용하고 있습니다. 한 번은 내가 가지고있는 팝업에 대해 24 시간 동안 닫힌 상태로있을 것을 말합니다. 다른 하나는 쿠키가 만료 될 때까지 리프레시 될 때까지이 팝업을 표시 할 페이지의 링크를 배치하는 것입니다. 이제 div 팝업은 display:none으로 설정됩니다. 쿠키는 닫기 버튼을 누를 때까지 표시되도록 알려줍니다. 무슨 일이 있어도 자바 스크립트에서 재 작업하여 링크에서 팝업을 일시적으로 표시하는 것처럼 보이더라도 표시되지 않습니다. 어떤 방법으로 쿠키 javascript가 수정되어야하므로 팝업 div에서 CSS : display:none을 삭제해야합니다. 나는 무엇을해야할지 모른다.

이 현재 코드 :


<script type="text/javascript"> 
$("#linkshow").click(function { 
$("#window").show() 
});   
</script> 

<a href="#" id="linkshow">Submit a comment</a> 
<div id="window"> 
... 
<div> 
<script type="text/javascript"> 
...cookie popup hide for 24hr on close 
</script> 

참고 : 이미 시도 :

$(document).ready(function() { 
    $("#linkshow").click(function(e) { 
     e.preventDefault(); 
     $("#window").show(); 
    }); 
}); 

와 ...

$(document).ready(function() { 
    $("#window").hide(); 

    $("#linkshow").live('click', function(e) { 
     e.preventDefault(); 
     $("#window").show(); 
    }); 
}); ​ 

와 ...

$(function() { 
     $("#linkshow").click(function() { 
      $("#window").show() 
     });   
    }); 

와 ...

<div id="window" style="display:none;"> 

<div id="window"> 

다른 24 시간 쿠키 자바 스크립트는 팝업을 숨기지 않습니다. 내가 id="window" style="display:none;을 꺼내야한다고 가정하고, 24 시간 동안 숨겨 지도록 요청 받았을 때 숨길 수 있도록 코드 하단의 자바 스크립트 쿠키를 개선하고 새로 고침까지 현재 페이지에 표시해야 할 필요가있을 때 표시합니다. 무엇을 해야할지 빈다. 먼저 JQuery와 라이브러리를로드한다 http://jsfiddle.net/nanoquantumtech/wTmCL/

+0

귀하의 코드가있을 때 JQuery와에 의해 숨어보다 더 사용하여 요소를 숨기고, 또한 잘못하고 [이 데모] (http://jsfiddle.net/joycse06/35bEm/)에서 나에게 잘 작동 –

답변

0
$(document).ready(function() { 
    $("#window").hide(); 

    $("#linkshow").live('click', function(e) { 
     e.preventDefault(); 
     $("#window").show(); 
    }); 
}); ​ 

은이 링크를 참조하면 팝업을 수행하려는 경우, 당신이 JQuery와 대화로 보일 수 있습니다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
+0

미안하지만 추가 코드가 작동하지 않아 죄송합니다. – Computerguy

1

: 라이브 데모

+0

내가이 코드를 모두 사용하여이 코드를 수행했다는 것을 알았습니다. – Computerguy

0

. 위의 코드는 div 만 표시하고 팝업은 표시하지 않습니다.

Jquery 대화 상자가 팝업을 표시하고 사용자가 jquery를 참조하도록합니다.

+0

죄송합니다. 24 시간 동안 닫히지 않도록 팝업을 알려주는 별도의 자바 스크립트가 있습니다. – Computerguy

+0

나는 전체 코드를보고 있습니다. 표시 : 없음; 인라인 또는 sth로 다시 설정해야합니다. Show()는 당신을 위해 그것을하지 않습니다. 어쩌면 .css ('display', 'block! important') – ZERO

+0

죄송합니다. 내 쿠키 자바 스크립트를 다시 작성해야합니다. 아무것도 작동하지 않습니다 – Computerguy

0

http://jqueryui.com/demos/dialog/ 또한 HTML은 CSS가 페이지 로딩

사용

<div id="window" style="display:none;"> 
... 
</div> 

대신

<div id="window"> 
... 
<div> 
+0

다음에 자바 스크립트 쿠키를 숨기려면 어디에서합니까? – Computerguy

+0

@Zach Reynolds, 코드를 확인하십시오. 당신은 자바 스크립트 오류를 ​​참조하십시오 방화범을 사용하여 그것을 테스트하십시오 –

+0

아니, 내가 결코이 해결을 얻을 것 같아요 – Computerguy

관련 문제