Question

我有一个html页面（对于ex index.html）有10个链接10个位置，每次用户点击任何链接时，不同类型的内容必须动态加载到单个div中。 div必须放在jquery modal.the div实际上只在html页面内（index.html）但div内容加载模式取决于用户点击URL.How我能实现这个吗？我是jquery和javascript的新手。

Answer 1

我能想到的最简单的方法是使用jQuery .load()函数。它非常简单易用，它在选择器上运行，并将使用HTML页面的子集加载所选元素。因此，如果您的div被称为“fred”，并且您希望将另一页上名为“bob”的div中的文本放入名为fred的div中，那么您将使用以下内容：

$（'＃fred'）。load（'http://alice.com/carol.html #bob'）;

在链接页面上有相当详细的文档。

Answer 2

尝试这样的事情：

<强> HTML

<div id="dialog-modal" title="Basic modal dialog">
  <p>Adding the modal overlay screen makes the dialog look more prominent because
  it dims out the page content.</p>
</div>

<div id="somedivwithcontent1" style="display:none">
   Text to put into the modal dialog.
</div>

<强> JS

  var link = 1; //get from clicked link
  $( "#dialog-modal p" ).html( $('#somedivwithcontent'+link).html() );
  $( "#dialog-modal" ).dialog({
    height: 140,
    modal: true
  });

此代码将获取#somedivwithcontent div的内容并将其放入模式对话框的段落中。应该达到你想要的。

在点击或网址链接上将不同的内容加载到单个div中

2 个答案: