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排除这些网页被搜索引擎编入索引。它们不会被用作页面。

相反，您可以使用jquery有条件地将css包含到文件中。 this question on SO的最后一个答案似乎表明要实现这样做的计划。

Answer 2

您可以在按对话框调用URL时将参数附加到加载的URL。在请求的页面中，您将能够确定这是否是通过load（）进行调用，如果没有样式（例如，通过包含样式表）。

另一种选择:(我更愿意）
对所请求的URL使用样式化页面（当它被称为独立时，您希望它出现），并使用load（）的可选选择器仅插入所需的片段。

Jquery UI对话框

2 个答案: