在我的标记中有一个带有一些链接的导航;点击它们我将外部页面加载到主要内容中,这样:
$('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”属性中编写文件扩展名并不优雅。
提前感谢您,任何帮助都会得到充分的帮助。
答案 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