JavaScript, чтобы открыть PHP-файл без Colorbox?

Question

Я новичок в JavaScript. Мне удалось написать этот скрипт, который открывает 3 страницы с помощью Colorbox. Теперь я хочу, чтобы с id iframe2 не открывался с помощью Colorbox, а просто открыл соответствующий PHP-файл без Colorbox.

<script> 

$(document).ready(function() 
     { 
      $(".iframe").colorbox({iframe:true, width:"700px", height:"80%"}); 
      $(".iframe2").colorbox({iframe:true, width:"700px", height:"90%"}); 
      $(".iframe3").colorbox({iframe:true, width:"300px", height:"20%", onLoad: function() { 
       $('#cboxClose').remove(); 
      }}); 


     }); 

</script> 

<script type="text/javascript" language="javascript" class="init"> 
    $(document).ready(function() { 
     var table = $('#example').DataTable({ 
      "columnDefs": [ { 
       "targets": -1, 
       "data": null, 
       "defaultContent": "<input type='image' src='delete.png' id='button' >" 
      }, 

      { 
       "targets": -2, 
       "data": null, 
       "defaultContent": "<input type='image' src='edit.png' id='button' >" 
      }, 

      { 
       "targets": -3, 
       "data": null, 
       "defaultContent": "<input type='image' src='edit.png' id='button'>" 
      } 



      ], 
      "order": [[ 0, "desc" ]] 
     }); 



     $('#example tbody').on('click', 'input', function() { 
      var data = table.row($(this).parents('tr')).data(); 
      $.post("record.php", { name: data[0] }); 
      $(".iframe").colorbox({href:"session_edit.php?ID="+data[0]}); 

      $(".iframe2").colorbox({href:"record_dt.php?ID="+data[0]}); 

      $(".iframe3").colorbox({href:"delete.php?ID="+data[0]}); 

     }); 


    }); 
    </script> 

Как настроить iframe2 вызов, чтобы открыть "record_dt.php?ID="+data[0] без ColorBox? Конечно, мне все еще нужно data[0], так как это значение, полученное из datatable.

Answer 1

Во-первых, остановить его, связанное с ColorBox удалением этих двух отдельных линий:

$(".iframe2").colorbox({href:"record_dt.php?ID="+data[0]}); 
$(".iframe2").colorbox({iframe:true, width:"700px", height:"90%"}); 

Затем добавляют щелчок даже iframe2, который доставит вас на нужную страницу:

$(".iframe2").click(function() { 
    location.href = "record_dt.php?ID="+data[0]; 
}); 

Если iframe2 - это ссылка, вы можете сделать это, чтобы установить атрибут href, когда DOM готов вместо этого:

$(".iframe2").attr("href", "record_dt.php?ID="+data[0]);