Wordpressの「プレビュー」リンクを同じウィンドウで開くにはどうすればよいですか？

Question

私はWordpress Stack ExchangeのHow can I make the “Preview Post” button save and preview in the same window?に尋ねましたが、これはより直接的にコーディングに関連しているので、Stack Overflowにとってはより良い質問かもしれません。

Wordpressのあなたは、プレビューを保存し、あなたのブログの投稿を公開することができますボックスを持っています

Picture.png http://img854.imageshack.us/img854/7986/picturek.png

「プレビュー」ボタンは、実際にボタンとしてスタイルのリンクです：

<a tabindex="4" id="post-preview" target="wp-preview" 
href="/?p=67&amp;preview=true" class="preview button">Preview</a> 

私の問題は、現在のウィンドウでそのリンクを開く方法を見つけることができないということです。 target="wp-preview"の部分に注目してください。私はその部分を取り除こうとしていますが、バインドを解除してtarget属性を削除しても、現在のタブ/ウィンドウで実際に開くことができないため、その要素にバインドされた別の関数があると思います。

プラグインの一部として次のコードを実行しています（このプラグインをプラグインとして実行する方法について詳しくはこちらをご覧ください）。これをコピーしてChromeまたはFirefoxのコンソールに貼り付けてテストすることもできますこれはWordpressを改変することなく自分自身で実行できます。テスト時に$の代わりにjQueryを使用する必要があります。Wordpressはnoconflictメソッドを使用しますが、下のコードはそのまま動作します。

//select the node and cache the selection into a variable 
var $node = jQuery('a.preview'); 

//add a 1px dotted outline to show we have the right element 
$node.css('outline','1px dotted red'); 

//show current target 
console.log($node.prop('target')); 
//show if anything is bound - nothing is for me ('undefined') 
console.log($node.data('events')); 

//remove anything bound to it 
$node.unbind(); 
//set target to _self (current window), just in case 
$node.prop('target','_self'); 
//the remove the target attribute all together 
$node.removeAttr('target'); 

//clone the node 
var $clone = $node.clone(); 
//change the text to new 
$clone.text('new'); 
//remove target from clone 
$clone.removeAttr('target'); 
//unbind the clone 
$clone.unbind(); 
//insert the clone after the original node 
$node.after($clone); 

//show current target - now shows undefined for me 
console.log($node.prop('target')); 
//show if anything is bound - still 'undefined' 
console.log($node.data('events')); 

これは、あなたがテーマやプラグインにコードをどのように動作するかです：ここでは

// set up an action to set a function to run in the wp admin_footer 
add_action('admin_footer','my_admin_footer_script',9999); 

はJavaScriptを追加機能である：

//this function can then be used to add javascript code to the footer 

function my_admin_footer_script(){ ?> 
    <script type="text/javascript"> 
    jQuery(function($){ 
    (above js code here) 
    }); 
    </script> 


    <?php 
} 

これは私が終了した結果でありますと一緒に。 「テスト」リンクをクリックすると、同じウィンドウで開きます。プレビューリンクをクリックすると、新しいタブで開きます。

Picture.png http://img832.imageshack.us/img832/4163/picturesf.png

PS：私は、バインドされたイベントを確認するためにThings you may not know about jQueryからメソッドを使用している、と私はバインド何かを見つけることができませんでした、と私はWordpressのは、主に私はこれがあることとは思わないのjQueryを使用しています信じています別のイベントハンドラにバインドされます。

Answer 1

あなたはこの試みることができる：クロームインスペクタから

jQuery('.preview.button').click(function(e){ 
    window.location.href = this.href; 
    return false; 
}); 

作品。

Answer 2

構文は正しいですが、タイミングは重要です。最初の部分だけを実行し、2番目の部分は実行しない場合、この要素にバインドするイベントに遅延があると思われるため、これが機能しない可能性があります。

ページが読み込まれてから500ミリ秒待つと、2番目の部分も含めると期待どおりに動作しているようです。

add_action('admin_footer','preview_same_window'); 

function preview_same_window(){ ?> 
    <script type="text/javascript"> 

    jQuery(function($){ 

     //first part 
     jQuery('.preview.button').unbind().removeAttr('target'); 

     //second part 
     setTimeout(function(){ 
     jQuery('.preview.button').unbind().removeAttr('target'); 
     },500); 


    }); 

    </script> 
    <?php 
}