Jquery UIDialog

Question

私のサイトのフッターリンク（contactus.htm、profile.htm、useterms.htm）を押すと開くダイアログがあります。

問題は、誰かが検索エンジンからそれらにアクセスしたときに、これらのページのスタイルがうまくいかないことです。

たとえば、ページに境界線を追加したい場合、それを行うとダイアログボックス内でうまく見えません。—ダイアログとページの2つの境界線があります。

ページがフッター/ダイアログではなく検索エンジンから入力された場合、どのようにスタイルを追加できますか？

コード：

$(document).ready(function() { 
    $('#footerProfile').click(function() { 
     _gaq.push(['_trackEvent', 'internal', 'popup']); 
     var $dialog = $('<div></div>').load($('#footerProfile').attr('href')).dialog({ 
      autoOpen: false, 
      width: 590, 
      height: 470, 
      resizable: 'false', 
      modal: true 
     }); 
     $dialog.dialog('open'); 
     return false; 
    }); 
}); 

Answer 1

の検索エンジンでインデックス化されているから、それらのページを除外するためにnorobots.txtを使用してください。彼らはとにかくページとして使用されていません。

逆に、条件付きでjssを使用してファイルにcssを含めることができます。 this question on SOへの最後の答えは、これを行うためのスキームを実装するように見えるようです。

Answer 2

ダイアログでURLを呼び出すときに、ロードされたURLにパラメータを追加することができます。要求されたページでは、これがload（）経由の呼び出しかどうかを判別できます（スタイルシートを含めるなど）。

要求されたURL（スタンドアロンと呼ばれるときに表示したい）にスタイルページを使用し、load（）にオプションのセレクタを使用して必要なフラグメントのみを挿入します。