jQuery UI 대화 상자의 단추 텍스트 설정

jQuery UI 대화 상자 단추 텍스트를 (성공적으로) 설정 한 모든 곳의 작동이 중지되었습니다. 버튼이 나타나지만 제대로 작동하지만 테스트 된 모든 브라우저 (IE, Safari, Chrome, Firefox & Opera)에는 텍스트가 표시되지 않습니다. Chrome의 검사기와 Firebug를 사용하면 텍스트가 CSS 문제가 아닌 버튼에 설정되지 않은 것처럼 보입니다.jQuery UI 대화 상자의 단추 텍스트 설정

최근 변경된 점은 jQuery UI 1.8.22를 사용하여 jQuery 1.8.0으로 옮겨 갔으며 다시 다운 그레이드 할 위치에 없다는 것입니다.

<div id="form"> 
    <h1>Blah</h1> 
</div> 

<button id="array-test">Array Test</button> 
<button id="object-test">Object Test</button>

샘플 자바 스크립트 :

이

var $form = $('#form'), 
    $arrTest = $('#array-test'), 
    $objTest = $('#object-test'); 

$arrTest.click(function(){ 
    $form.dialog({ 
     buttons: [ 
      { 
       text: 'Cancel'     
      }, 
      { 
       text: 'Save' 
      } 
     ] 
    }); 
}); 

$objTest.click(function(){ 
    $form.dialog({ 
     buttons: { 
      'Cancel': function() {}, 
      'Save': function() {} 
     } 
    }); 
});

나는 아무 잘못 문서를 읽기를 찾을 수

A는 예

샘플 HTML jsFiddle http://jsfiddle.net/F7pGu/에서 찾을 수 있습니다 감소 . 우리는 항상 object-test 방법을 사용 했었지만 이제 설명서에는 배열 테스트 방법이 언급되었습니다.

출처

2012-08-12 Metalshark

@DavidThomas 어떤 브라우저/OS입니까? 나는 Windows 7 상자, iPad 및 iPhone에서 아무런 노력을하지 않았습니다. 어떤 검사가 효과가 있었습니까? 둘 다 작동 했습니까? – Metalshark

저는 실제로 이상한 문제로 연구를했습니다. 알려진 이슈로 밝혀졌으며 버그 추적기가 생성되었습니다.

여기에 bug-tracker이 문제와 현재 해결 방법을 설명합니다.

여기에 편의상, 이미 수정되어 1.8.23 버전에 포함되도록 설정된 ticket에 대한 직접 링크가 있습니다.

스크립트에 다음 코드 줄을 추가하면 다시 대화 작업을 할 것입니다 :

if ($.attrFn) { $.attrFn.text = true; }

여기 DEMO

를 참조 또한 버그 트래커에 연결되어 추가 SO Post입니다.

출처

2012-08-12 10:22:55 Nope

감사합니다 - 이전 SO Post를 찾을 수 없습니다. – Metalshark

@ Metalshark : 버그 추적기의 의견에 링크 된대로 버그 추적기가 처음 발견되었으며 이후에는 게시판 만 찾았습니다. – Nope

훨씬 간단한 해결책은 jQuery 라이브러리를 포함한 후이 조각을 사용하는 것입니다

if ($.attrFn) { $.attrFn.text = true; }

Here 당신을위한 수정 작업 바이올린입니다. 희망이 도움이됩니다.

출처

2012-08-12 10:27:51

jQuery UI 대화 상자의 단추 텍스트 설정

답변

관련 문제