Question

我愿在许多地方使用/插入html的内容(此处为<ul>),但仅在一页内宣布。

例如,审议内容:

<ul>
  <li>A</li>
  <li>B</li>
  <li>...</li>
  <li>X</li>
</ul>

现在需要在许多地方使用这一内容:

用途1:

<div class= left >
  <ul id= listA >
    <li>A</li>
    <li>B</li>
    <li>...</li>
    <li>X</li>
  </ul>
</div

使用:

<div class= right >
  <ul id="listX">
    <li>A</li>
    <li>B</li>
    <li>...</li>
    <li>X</li>
  </ul>
</div>

我相信,可以在服务器方面或通过客户方面的Ajax电话这样做,但目标是优化/减少每一页要求发送的(数据来源)的html内容。因此,如果该特定内容出现在网页n上,则必须在上,在上,然后在n上加以操纵。因此,在服务器一侧这样做是有意义的,Ajax将增加运输超负荷,因为它是一个单独的电话。

我假定,在html/cs中没有任何东西可以这样做,甚至连<代码>iframe也不能用于这一目的。但我确信,javascript/jQuery可以这样做。如何?

Answer 1

如果超文本已经放在某个地方的网页上,那么你就只能把它放在 j子里,改变你们需要改变的东西,然后插入其他地方。

例如,如果你网页上的唯一东西是<ul>,你可以这样做:

var originalUL = $("ul");

$("body").append($( <div class="left" /> ).append(originalUL.clone().attr( id ,  listA )));

$("body").append($( <div class="right" /> ).append(originalUL.clone().attr( id ,  listB )));

Here s an example: http://jsfiddle.net/uU7cV/

However, if you re going to be doing this a lot, and the changes to each instance are complex, I d look into using a Javascript templating system or an Javascript MVC framework like Backbone.js http://documentcloud.github.com/backbone/

Answer 2

我确实建议大家看看一下“残疾框架”。简言之,它有一个js模板框架。 http://handlebarsjs.com/rel=“nofollow”http://handlebarsjs.com/
在此情况下,我建议你使用这套软件,要求你用html碎块界定你的模块,然后,只要你需要使用,你就可以要求它,并将模板汇编成你想要的东西。
Also you can use jquery or other js lib to change the attribute of the html element as Philip Walton said. $("ul").eq(0).removeClass("right").addClass("left")

Answer 3

我看到的最佳选择是使用javascript。你们可以利用JQuery来轻松.。仅用一个变数来界定这一可变标记,并在文件准备活动的不同地点通过建立内部标识插入 www.un.org/spanish/ga/president

$(document).ready(function() {
   var reusablehtml ="<ul id= nameplaceholder ><li>A</li><li>B</li><li>...</li><li>X</li></ul>";
   $("#left").html(reusablehtml.replace("nameplaceholder", "listA"));
   $("#right").html(reusablehtml.replace("nameplaceholder", "listX"));
});

友情链接