-1

ポップアップ用に jQuery と jQuery モバイルを実装しましたが、いくつかのテストの後、jQuery がすべてのアンカーを引き継いでいることに気付きました。jQueryスクリプトへのリンクをコメントアウトすると、アンカーが期待どおりに機能し、コメントを外すと、それらのアンカーが再び引き継がれ、hrefが適切に通過できなくなります。誰でもこれを解決する方法を知っていますが、控えめに言っても非常にイライラします。ここにサンプルがあります...

<div>
 <ul>
  <li><a href="http://www.somesite.com">Somesite</a></li>
 </ul>
</div>
<div>
 <a href="#popupVideo" data-rel="popup" data-position-to="window" data-inline="true">Click</a>
 <div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
  <iframe width="560" height="315" src="http://www.somevideo.com" frameborder="0" allowfullscreen></iframe>
 </div>
</div>

    $( document ).on( "pageinit", function() {
        winW = window.innerWidth;
        winH = window.innerHeight;

        $( "#popupVideo iframe" )
            .attr( "width", 0 )
            .attr( "height", 0 );

        $( "#popupVideo" ).on({
            popupbeforeposition: function() {
                var size = scale( winW, winH, 15, 1 ),
                    w = size.width,
                    h = size.height;

                $( "#popupVideo iframe" )
                    .attr( "width", w )
                    .attr( "height", h );
            },
            popupafterclose: function() {
                $( "#popupVideo iframe" )
                    .attr( "width", 0 )
                    .attr( "height", 0 );    
            }
        });
    });

次に、jQueryの例に付属する適切なコードがあります。そのコードには、アンカー固有のものはなく、ID固有のものはありません。さらに、ポップアップを調整するスクリプトを削除しても機能せず、リンクしたのはjQueryファイルだけです。それが1.9.1とモバイル1.3.0に役立つ場合、私は最新のjQueryも使用しています。前もって感謝します。

4

1 に答える 1