查找文件的未知扩展名以加载仅具有文件名的异步

时间:2012-01-26 10:48:15

标签: jquery file asynchronous load

在我的标记中有一个带有一些链接的导航;点击它们我将外部页面加载到主要内容中,这样:

$('nav a').click(function() {

    rel = $(this).attr('rel');

    link = 'includes/'+rel+'.html'; /* <-- this is the matter */

    $('content').empty().append($('<div id="mainframe"></div>').load(link, function() {

        /* do the stuff */

    });

});

好吧,一切都很好,直到我被告知加载的内容可能不仅仅是.html而且还有.jsp等等。 所以,我想知道我是否可以找到未知的文件扩展名,以便编写类似下面的伪代码。

link = 'includes/'+rel+'findRelativeFileExtension();

不幸的是我无法使用服务器端语言,我认为在“rel”属性中编写文件扩展名并不优雅。

提前感谢您,任何帮助都会得到充分的帮助。

1 个答案:

答案 0 :(得分:1)

在a-tag中使用data-attributes。前<a data-filename="nnn.jsp">download</a> 并使用rel = $(this).attr('data-filename');

阅读
  

自定义数据属性旨在存储私有的自定义数据   页面或应用程序,没有更合​​适的   属性或元素。

http://html5doctor.com/html5-custom-data-attributes/ http://dev.w3.org/html5/spec/elements.html#embedding-custom-non-visible-data