2013-05-14 2 views
1

div 안의 내용이 Ie9에 표시되지 않습니다. 다른 모든 브라우저에서 표시됩니까?팝업 내용이 IE 9에 표시되지 않음

<div id="element_to_pop_up2" style="z-index:9999999"> 

    <a href="#" class="b-close">x</a> 

    **There will be Delay with shipping this week.** 
    </div> 

$(document).ready(function() { 
     $('#element_to_pop_up2').bPopup({ 
       speed: 650, 
       transition: 'slideIn' 
     }); 
    }); 
+0

명확히하기 위해; 팝업이 나타나지만 내용이 없습니다. 아니면 팝업이 없습니까? – Turnip

+0

팝업이 나타납니다. 그러나 IE9에서 내용이 없습니다. 문제. – ronit

+0

제작자가 실제로 무엇을하고 있는지 알 수있는 플러그인을 사용 하시겠습니까? 진심으로 팝업 페이지의 예제 코드는 모두 잘못되었습니다. 팝업이 있지만 내용이 없으면 p 태그에 텍스트를 배치하십시오. –

답변

0

참조 (직접 GitHub의에서 제공 할 수없는 것처럼) 나는 litterally 코드를 복사하고, JS의 코드를 복사 한 내 바이올린 http://jsfiddle.net/rYLu8/1/

$(document).ready(function() { 
    $('#element_to_pop_up2').bPopup({ 
      speed: 650, 
      transition: 'slideIn' 
    }); 
}); 

FF, Chrome 및 IE9에서 "작동"하는 것처럼 보입니다. 그러나 어떤 상황에서도 제대로 작동한다고 설명하지는 않습니다. 창 크기를 조정하면 콘텐츠를 중앙에 배치하는 것처럼 보이기 때문에 그렇지 않습니다. 말이 되네.

결론적으로 코드에 문제가있는 것 같지만 실제로는 http://twitter.github.io/bootstrap/javascript.html#modals 또는 http://jqueryui.com/dialog/과 같이 좀 더 나은 (일부 청소년 태그 라인이없는) 코드를 사용하는 것이 더 쉽습니다. 브라우저간에 더 안정적이며, 막 다른 곳에서 만난다면 물어볼 수있는 거대한 커뮤니티가 있습니다.

관련 문제