避免 jQuery Mobile 使用 _=TIMESTAMP 查询字符串参数强制重新加载脚本/CSS

Question

据我所知，如果您想将 JavaScript 或 CSS 文件与通过 ajax 自动加载的特定页面一起加载，那么您必须将 CSS/JavaScript 引用放在

示例：

<div data-role="page" data-theme="e">
  <script type="text/javascript" src="/js/jquery/plugins/plugins.js"></script>

一般来说，这工作得很好。然而，在此过程中，脚本 URL 被修改：

/js/some_sepcial_script.js becomes e.g. js/some_sepcial_script.js?_=1299308309681

其中 1299308309681 是当前的 Unix 时间戳，它会根据每个请求而更改，从而阻止缓存。我很确定这是预期的行为，但是如果您想让文件可缓存，有谁知道如何防止将时间戳附加到脚本/CSS url 中？

Answer 1

你尝试过吗：？

$.ajax ({
    // Disable caching of AJAX response */
    cache: false
});

它应该全局更改 ajax 请求。我只是不确定外部脚本。

[编辑]

这是 jquery mobile 1.0a3 涉及的源代码：

var all = $("<div></div>");
                //workaround to allow scripts to execute when included in page divs
                all.get(0).innerHTML = html;
                to = all.find('[data-role="page"], [data-role="dialog"]').first();

                //rewrite src and href attrs to use a base url
                if( !$.support.dynamicBaseTag ){
                    var newPath = path.get( fileUrl );
                    to.find('[src],link[href]').each(function(){
                        var thisAttr = $(this).is('[href]') ? 'href' : 'src',
                            thisUrl = $(this).attr(thisAttr);

                        //if full path exists and is same, chop it - helps IE out
                        thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );

                        if( !/^(\w+:|#|\/)/.test(thisUrl) ){
                            $(this).attr(thisAttr, newPath + thisUrl);
                        }
                    });
                }

那里没有添加缓存阻止参数。

[编辑2]

我知道这超出了解决问题的方法，但是您是否尝试过动态加载js，如下所述： http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

（我知道它可以通过 jQuery 完成，但出于测试目的，我试图避免使用 jQuery）

Answer 2

如果我包含 jQuery 1.4.3 而不是 1.5，一切都会正常工作。这对我来说是一个足够的解决方案。再次感谢您的支持。

Answer 3

尝试跑步：

$.ajaxPrefilter("script", function (s) {
    if (s.cache === undefined) {
        s.cache = true;
    }
});

它会改变这种行为吗？