10

ボタンをクリックしてポップアップウィンドウでファイルを開くためのプラグインまたは簡単なスクリプトを見つけようとしています。これは以前は機能していましたが、すべての jQuery の更新 (移行ファイルであっても) では機能しなくなりました。

これを見つけましたが、これによりポップアップが開き、ファイルの URL にもリダイレクトされます。

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

シンプルなポップアップを取得する方法はありますか? できればサイズ変更可能なスクロールバーが必要です。モーダル ボックスに関する多くの投稿を見てきましたが、それでは必要なことが実現しません。ポップアップ ボックスには独自のデザインがあり、モーダルに適しているよりも多くのコンテンツがあります。

また、余分なマークアップを追加することも避けたいと考えています。上記の例のように、単にクラスを追加するのが最も理にかなっています。

4

5 に答える 5

31

これを試して、

$('.popup').click(function(event) {
    event.preventDefault();
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});

これを機能させるには、jQuery リファレンスを含める必要があります 。

于 2013-05-15T16:19:45.100 に答える
2

ボタンクリックイベントのみ。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#btnext").click(function () {                    
                    window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no");
                });
            });
</script>

于 2014-03-06T09:48:38.473 に答える
0 
$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});
于 2013-07-10T12:11:19.823 に答える
0

return false;次のようにクリック コールバックを追加してみてください-

$(document).ready(function() {
  $('.popup').click(function(event) {
      window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
      return false;
  });
});
于 2013-05-15T16:20:34.427 に答える