2013-04-28 6 views
-3

나는 간단한 프롬프트를 만들려고 노력하고있다. jfiddle에서 실행할 때 완벽하게 작동하지만 내 컴퓨터/사이트에서 호스팅되므로 전혀 작동하지 않습니다. 나는 간단한 것을 놓치고 있어야합니다.배경이없는 내 프롬프트 대화 상자가 표시됩니까?

script.js : 여기

$(document).ready(function() { 
    //$('audio').mouseenter(function() { 
    // $(this).fadeOut('slow'); 
    //}); 
    function yesnodialog(button1, button2, element){ 
     var btns = {}; 
     btns[button1] = function(){ 
      $(this).dialog("close"); 
     }; 
     btns[button2] = function(){ 
      $('.level2').hide(); 
      $(this).dialog("close"); 
     }; 
     $("<div id='box'>Are you a <u>level 1</u>, or a <u>level 2</u> agent?</div>").dialog({ 
      autoOpen: true, 
      title: "", 
      modal:true, 
      buttons:btns 
     }); 
    } 

    yesnodialog('Level 2', 'Level 1', $('.level2')); 

가 jfiddle에서 실행되는 : 좀 제발 그것은 나를

만에 완전히 잘 보이는 http://jsfiddle.net/CdwB9/421/ 을, 내 자신의 사이트에, 그것은 다음과 같습니다 :

http://i.imgur.com/gV3mQHr.png

사람이 이유에 어떤 생각을 가지고 있습니까?

+1

사이트에서 사용 된 CSS를 확인하거나 게시하십시오. 이 버그가 원인 일 수 있습니다. –

답변

0

귀하의 문제는 분명히 자바 스크립트와 관련이 없습니다. 그것은 올바르게로드되고 마크 업, 버튼 및 기능 등이있는 jQuery-ui 마법이 적용됩니다.

  1. 는 jQuery를 - UI 테마 CSS 파일을로드하지 않음 :이 버그에 대한

    이유는 당신도 것을되어야한다. 로드되는지 확인하십시오. 공식 사이트에서 jQuery-ui를 다운로드 한 경우에는 .zip 폴더에 있어야합니다.

  2. jQuery-ui CSS를 직접 덮어 쓰고 있습니다. 이것은 jQuery-ui 마크 업이 꽤 고유 한 클래스 이름과 다소 복잡한 스타일 (모든 CSS를 덮어 쓸 수있는 많은 CSS가 있음을 의미)이 적기 때문입니다.

나는 이것이 첫 번째 제안이라고 확신하지만, 둘 다 확인해야합니다.

이것을 확인하는 가장 쉬운 방법은 Firefox와 Firebug (또는 Chrome/Safari/Opera의 내장 developertool)를 사용하고 pop-element를 검사하여 마크 업에 스타일이 적용되는지 확인하는 것입니다.

추신 : 안녕하세요.

관련 문제