2

モーダルポップアップを開くjQuery関数があり、同じファイルにPHPのような変数があります$url="iteminfo.php?ID=".$i['itmid'];( $i['itmid']MySQLの一部の製品のIDです)。jQuery 関数は次のようになります。

<script type="text/javascript">

  $(document).ready(function(Surl) {

    var source="iteminfo.php?ID=<?echo $i['itmid']?>";
    var width = 920;
    var align = "center";
    var top = 100;
    var padding = 10;
    var backgroundColor = "#FFFFFF";
    var borderColor = "#000000";
    var borderWeight = 4;
    var borderRadius = 5;
    var fadeOutTime = 300;
    var disableColor = "#666666";
    var disableOpacity = 40;
    var loadingImage = "js/popup/loading.gif";

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

        modalPopup( align,
            top,
            width,
            padding,
            disableColor,
            disableOpacity,
            backgroundColor,
            borderColor,
            borderWeight,
            borderRadius,
            fadeOutTime,
            source,
            loadingImage );

    }); 

    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
            closePopup(fadeOutTime);
        }
    });

  });

</script>

それぞれのリンクを開きますが、関数はループのようにすべてのリンクを開きます。$urlを jQuery 関数に渡して、それぞれの製品のそれぞれのリンクを開くにはどうすればよいですか?

4

2 に答える 2

2

最初はこのように見えますが、HTML コードを見ないと、ID を使用してそれぞれの異なるオブジェクトの ID を引き出す方法を説明するのは困難です。

  <script type="text/javascript">

    $(document).ready(function(Surl) {


      var source="iteminfo.php?ID=";
      var width = 920;
      var align = "center";
      var top = 100;
      var padding = 10;
      var backgroundColor = "#FFFFFF";
      var borderColor = "#000000";
      var borderWeight = 4;
      var borderRadius = 5;
      var fadeOutTime = 300;
      var disableColor = "#666666";
      var disableOpacity = 40;
      var loadingImage = "js/popup/loading.gif";


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

        //get the id of what you're opening on each click event.
        var myid = ...

          modalPopup( align,
              top,
              width,
              padding,
              disableColor,
              disableOpacity,
              backgroundColor,
              borderColor,
              borderWeight,
              borderRadius,
              fadeOutTime,
              source + myid,
              loadingImage );

      }); 


      $(document).keyup(function(e) {
          if (e.keyCode == 27) {
              closePopup(fadeOutTime);
          }
      });

    });

  </script>
于 2012-07-06T19:13:47.993 に答える
0

要素 .modal をクリックすると、正しいモーダルと適切なコンテンツが表示されると言いましたか?

そして、「関数はそれらをすべて開く」の「それら」とはどういう意味ですか?

たぶん、「modalPopup」関数を確認する必要があります。

すべての .modal 要素に対応する URL を、配列を参照する php ループを使用して属性として保存できます。

于 2012-07-06T19:20:26.663 に答える