0

私はその場でhrefを構築してfancybox iframeに渡し、リンクをphpファイルに渡そうとしています

 <script type="text/javascript">
  jQuery(document).ready(function($){
    $('a').each(function(){
    var Href = 'GetImg.php?img=' + $(this).attr("href");
    alert ("Href");
    $(".Images").click(function() {

           $.fancybox.open({
           href : Href,
           type : 'iframe',
           padding : 5
           });
    });
   };

 }) ; // ready
</script>

Href はアラート ("Href") として設定され、php ファイルに渡されますが、iframe で開かれません。ハードコーディングすると

href : 'GetImg.php?img=/images/myImg.jpg' it works

私のリンクは

<a class="Images" href="/images/myImg.jpg" title="A witty Title">Send to PHP</a>

参考までに、これは GetImg.php です

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Holly Gibbons</title>
<script type="text/javascript" src="fancyBox-2.0.6/lib/jquery-1.7.2.min.js"></script>

  <script type="text/javascript" src="/js/ddpowerzoomer.js"></script>    
<script type="text/javascript">
jQuery(function($){
    $('#image3').addpowerzoom({
        defaultpower: 2,
        powerrange: [2,5],
        largeimage: null,
        magnifiersize: [100,100] //<--no comma following last option!  
    }); 
    });
    </script>
  </head>
  <body>
  <?php 
  $my_img = $_GET['img'];
  ?>
<p> <img id="image3" src = <?php echo $my_img ?> /></p>
</body>
</html>
4

1 に答える 1

3

すべてのaタグを選択してループする必要はありません。次のように簡単に実行できます

$(document).on('click', '.Images', function(e) {
    e.preventDefault();
    var Href = 'GetImg.php?img=' + $(this).attr("href");
    alert(Href);
    $.fancybox.open({
        href: Href,
        type: 'iframe',
        padding: 5
    });
});​
于 2012-08-22T16:18:58.913 に答える