2010-11-19 3 views
0

내가JQuery와 블록 UI

는 지금까지 내가 무엇을 가지고 블록의 UI (300 개)의 고유 인스턴스를 생성하려고하지만, 작동하지 않는 루프 :

자바 스크립트

<script type="text/javascript"> 

var i=0; 
for (i=0;i<=300;i++) { 
    $(document).ready(function() { 

     $("#q" + i).click(function() { 
      $.blockUI({ message: $("#t" + i), css: { width: '1024px' } }); 
     }); 

     $('#yes').click(function() { 
      // update the block message 
      $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

      $.ajax({ 
       url: 'wait.php', 
       cache: false, 
       complete: function() { 
        // unblock when remote call returns 
        $.unblockUI(); 
       } 
      }); 
     }); 

     $('#no').click(function() { 
      $.unblockUI(); 
      return false; 
     }); 

    }); 
} 
</script> 

모달 창

  <?php do { ?> 
<div id="q<?php echo $row_dd31['dNo']; ?>" style="display:none; cursor: default"> 
<h3>Driver <?php echo $row_dd31['dNo']; ?></h3><p> 
<input type="button" id="yes" value="Save" style="width: 75px; height: 50px;"/> <input type="button" id="no" value="Exit" style="width: 75px; height: 50px;"/> 
</div> 
<?php } while ($row_dd31 = mysql_fetch_assoc($dd31)); ?> 

셀은 모달 창을 활성화하는

,691
<tr height="100px" align="center">   
     <?php do { ?> 
     <td style="background-color: <?php echo $row_dd1['colour']; ?>;"> 
      <input type="hidden" id="<?php echo $row_dd1['dNo']; ?>"> 
      <button type="submit" class="link" id="t<?php echo $row_dd1['dNo']; ?>"><span><?php echo $row_dd1['dNo']; ?></span></button> 
     </td> 
     <?php } while ($row_dd1 = mysql_fetch_assoc($dd1)); ?> 
    </tr> 

답변

2

내가 이것을 시도
같은

$(document).ready(function() { 
    var i=0; 
    for (i=0;i<=300;i++) { 
+0

로 .ready 내부 루프 $ (문서)를 넣어하지만 – methuselah

+0

@jeansymolanza 작동하지 않습니다 - 않는 자바 스크립트 오류 또는 뭔가 다른 그 브라우저 복귀? 또한 300 개의 인스턴스를 만들면 PC에서 약간의 메모리가 소모됩니까? – ajreal

+0

http://stackoverflow.com/questions/4224355/creating-300-instances-of-blockui – methuselah