-2

人が最初のボタンをクリックするたびに新しいウィンドウで開くようにするにはどうすればよいですか? また、ユーザーが2番目のボタンをクリックすると同じタブまたはウィンドウで開くようにするにはどうすればよいですか? 私はインラインjavascriptを書きたくないと言われているjqueryでこれを達成したいです。そうでなければ、質問を投稿しなかったでしょう。外部jsファイルとjquery。

新しいウィンドウで開きます

    <button class="button cf-button preview-bt" role="button" type="button" href="#">
                        <span class="button-content"> Preview </span>
                <span class="button-icon"> </span>
    </button>

同じウィンドウで開く

新しいウィンドウで開きます

   <button class="button cf-button preview-bt" role="button" type="button" href="#">
                        <span class="button-content"> Preview </span>
                <span class="button-icon"> </span>
    </button>
4

3 に答える 3

1

新しいウィンドウまたはタブで開く:

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open(this.href, '_blank');
});

新しいポップアップ ウィンドウで開く:

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open(this.href, '', 'width=100%', 'height=100%');
});

同じウィンドウで開く:

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.location=this.href;
});
于 2012-06-27T16:16:15.840 に答える
0 
​$( '#link' ).click( function( event ) {
    window.open( this.href, '_blank' );
    event.preventDefault();
});​​​​​

http://jsfiddle.net/mobweb/LPcMp/

于 2012-06-27T15:53:40.353 に答える
0

これには jQuery を使用する必要はありません。<head>代わりに、次のようなタグを使用できます。

<base target="newWindow" />

jQuery 代替

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open($(this).attr('href'), 'newWindow');
});
于 2012-06-27T15:51:06.290 に答える