-3

我正在构建一个需要在左侧栏中使用多个重复元素的站点。我知道是否可以放在外部 JS 页面中并嵌入到页面上的 div 中。

我希望能够更新一个页面，让它在网站的其余部分生成内容。

这是我的代码。谁能指出我正确的方向？

<div id="feature_app"> 
<span class="left_col_H1">Featured App</span>
<img src="images/app_icon.png" width="100" height="101" class="feature_app_icon" />
<h1 class="feature_app_name">All Dice</span></h1>
<p class="feature_app_price">Price: $0.99 | <a href="#">Avaliable on iTunes</a></span>
<p class="feature_app_description">Lorem ipsum dolor sit amet, consecte adipiscing elit. Proin porttitor feugiat condimentum.</p>
</div>
4

2 回答 2

1

听起来您想动态加载内容。要回答您的问题，请使用以下内容。但是，您也可以翻转您的解决方案，以便从每个唯一的 html 页面（例如 somepage1.html、somepage1.html）加载常用菜单项。同样的技术也适用，只是不是加载“somepage.html”，而是从这些页面加载“menu.html”。menu.html 将包含您发布的常用菜单项。你的选择。

演示小提琴：http: //jsfiddle.net/wGArU/

html（在您的页面上添加此内容）

<div id="#page-content"></div>

jQuery：

$().ready(function() {

    $('#page-content').load('somepage.html', function() {
        // update somepage.html, and the contents will be loaded into the #page-content divs 
    });

});
于 2013-05-10T16:11:33.500 回答
0

最好的选择可能是研究一种服务器端脚本语言，例如PHP或ASP.NET。例如，如果您要使用 PHP（我提供的两个示例中较简单的一个），您可以简单地将重复链接放在一个单独的文件中，然后使用include()语句将它们插入您的站点。然后在将来您可以只更新一个文件，它会自动传播到您的整个站点。

于 2013-05-10T16:08:58.197 回答