2011-04-14 3 views
0

웹 페이지에 두 개의 facebox가 있습니다. 하지만 내 문제는 두 facebox의 제출 버튼입니다. 내 첫 번째 facebox에 알린 경고가 무엇이든지 내 두 번째 facebox에도 알려줍니다.웹 페이지에 여러 개의 Facebox가 있습니다 : 개별 이벤트가 있습니까?

여기 왜 두 개의 facebox가있는 이유는 두 개의 양식이있는 메뉴가 있기 때문에 모든 양식이 facebox를 사용하기 때문입니다.

메뉴 :
구성 팟 캐스트               업로드 음악

나는 팟 캐스트 양식을 구성하는 버튼을 제출에 화재. "Podcast 설명이 수정되었습니다"라는 메시지가 나타납니다. 그런 다음 Upload Upload (음악 업로드)에서 submit (제출) 버튼을 클릭하면 음악 파일 업로드에 메시지를 표시하기 전에 podcast 구성 양식의 메시지가 표시됩니다. 제발 도와주세요,

Heres는 내 두 가지 형태의 코드 :

<br/> 
For upload music: 
<br/><br/> 

<script> 
    $(document).ready(function(){ 
    $('#audioFile').uploadify({ 
      'uploader' : 'jquery/js/uploadify/uploadify.swf', 
      'script' : 'jquery/js/uploadify/uploadify.php', 
      'cancelImg' : 'jquery/js/uploadify/cancel.png', 
      'folder' : 'uploaded/podcastUpload/audio', 
      'fileExt' : '*.mp3', 
      'method' : 'post', 
      'fileDesc' : 'MP3 Files', 
      'onComplete' : function(event, ID, fileObj, response, data) { 
       $(".close").click(); 
         for (var i=0; i < document.jform.explicit.length; i++) 
         { 
          if (document.jform.explicit[i].checked){ 
           var rad_val = document.jform.explicit[i].value; 
          } 
         } 
         var dataString = 'action=PodcastData&jobid=<?=$jobid?>&title=' + $("#title").val() + '&authorName=' + $("#authorName").val() + '&authorEmail=' + $("#authorEmail").val() + '&description=' + $("#description").val() + '&categories=' + $("#categories").val() + '&keywords=' + $("#keywords").val() + '&explicit=' + rad_val + '&fileNameAudio=' + fileObj.name + '&linkAudio=' + fileObj.filePath; 
         $.ajax({ 
         cache: 'false', 
         type: "POST", 
         url: "ajaxfunction.php", 
         data: dataString, 
         success: function(msg){ 
            $(".close").click(); 
            alert('File Has been uploaded successfully!'); 
          } 
         }); 
        } 
      }); 

    $(".submit").click(function(){ 
     javascript:$('#audioFile').uploadifyUpload($('.uploadifyQueueItem').last().attr('id').replace('audioFile','')); 
    }); 
}); 

<br/><br/><br/><br/><br/><br/><br/> 

구성 팟 캐스트를 들어 음악 형태 코드이 코드에서

<br/><br/> 
    <script> 
     $(document).ready(function(){ 

     $('#imageFile').uploadify({ 
      'uploader' : 'jquery/js/uploadify/uploadify.swf', 
      'script' : 'jquery/js/uploadify/uploadify.php', 
      'cancelImg' : 'jquery/js/uploadify/cancel.png', 
      'folder' : 'uploaded/podcastUpload/image', 
      'fileExt' : '*.jpg;*.gif;*.jpeg', 
      'fileDesc' : 'Image Files', 
      'method' : 'post', 
      'onComplete' : function(event, ID, fileObj, response, data) { 
       $(".close").click(); 
      } 
     }); 
      $(".submit").click(function(){ 
       javascript:$('#imageFile').uploadifyUpload($('.uploadifyQueueItem').last().attr('id').replace('imageFile','')); 
       for (var i=0; i < document.pDescrForm.pExplicit.length; i++) 
       { 
        if (document.pDescrForm.pExplicit[i].checked){ 
         var rad_val = document.pDescrForm.pExplicit[i].value; 
        } 
       } 

       var dataString = 'action=newPodcastDescr&jobid=<?=$jobid?>&pTitle=' + $("#pTitle").val() + '&pAuthorName=' + $("#pAuthorName").val() + '&pAuthorEmail=' + $("#pAuthorEmail").val() + '&pDescr=' + $("#pDescr").val() + '&pSubtitle=' + $("#pSubtitle").val() + '&pCopyright=' + $("#pCopyright").val() + '&pExplicit=' + rad_val; 
       $.ajax({ 
       cache: 'false', 
       type: "POST", 
       url: "ajaxfunction.php", 
       data: dataString, 
       success: function(msg){ 
        $(".close").click(); 
        alert('New Podcast description has been added'); 
        } 
       }); 
      }); 
     }); 
</script> 

답변

0

봐 :

$(".submit").click(function(){ ... 

그리고 그런 다음 podcast 양식 코드에서 동일한 것을 찾으십시오. 제출 버튼은 클릭 이벤트로 두 번 묶입니다. jQuery 선택기는 모든 일치하는 요소를 찾고 이벤트를 모두 바인딩합니다. 이벤트를 두 번 바인드하면 jQuery는 이벤트 콜백 스택을 만들어 차례대로 실행합니다.

변경 버튼을 제출 (당신은 고유의 선택기를 필요로하기 때문에) 또는 해달라고하면 다음과 같이 CSS는 다른 (즉, 음악, 팟 캐스트)를 추가 파괴하고 그것을 사용하려는의 클래스 :. submit.music "

$를 (") .click (함수() {... $ (". submit.podcast ").() {(클릭 기능 ...

이 하나의 콜백을 트리거한다.

관련 문제