2012-06-12 3 views
1

.submit jquery 이벤트 내에서 작동하는 트위터 부트 스트랩의 .popover를 얻으려고하고 있지만 양식의 제출 버튼을 클릭해도 아무런 변화가 없습니다. 입력 필드의 "rel"속성을 변경하여 사용자가 제출 버튼을 클릭하면 해당 필드에 팝업이 추가됩니다. 페이지가로드되기 전에 rel 속성을 설정하는 일반적인 방법으로 popover가 나타납니다. 여기 .submit 이벤트 내에서 트위터 부트 스트랩 .popover를 만드는 방법

입력 필드입니다 :

<label class="control-label" for="input-name" id="input_name_label">Name *</label> 
     <div class="controls"> 
      <input rel="" data-original-title="Title" data-content="Random Text" type="text" class="span3" name="name" id="input-name"> 
     </div> 

여기 JQuery와 함수의 :

<script> 
    $("#project_form").submit(function(e) { 
      for(i=0;i< $("label").length;i++){ 
        var str=$("label").eq(i).text(); 
        if(str.charAt(str.length-1)=="*"){ 
          $("label").eq(i).attr('rel','popover'); 
          console.log($("label").get(i)); 
          e.preventDefault(); 
          $('input[rel="popover"]').popover('show'); 
        } 
        console.log(str.charAt(str.length-1)); 
      } 
      $("#preferences").val($("#sortable").sortable('toArray')); 
    }); 
    </script> 

기능은 마지막 문자로 *로 레이블을 발견하고 그들에게 팝 오버 이벤트를 할당 할 예정이다 . 당신의 도움을 주셔서 감사합니다. 당신이 rel="popover"을하면

답변

2

문제는 입력 필드 대신 레이블 필드에 rel 속성을 지정했기 때문입니다. 예 기본 프로그래밍 오류.

1

, 당신은 활성화하여에 핸들러를 연결해야합니다 :이 도움이

$('[rel="popover"]').tooltip(); 

희망을! :)

+0

불행히도 나는 그것을 시도 할 때 아무 것도 변하지 않았습니다. –

+0

[Fiddle] (http://jsfiddle.net/)을 게시 할 수 있습니까? 트위터 부트 스트랩도 지원합니다! –

+0

나는 크롬이나 파이어 폭스에서 바이올린 사이트에 접속할 수 없다. –