Question

花了几个小时寻找必须非常简单的东西。为了保持简单，让我们在页面上只有2个div，nav div和main div。在导航div中，用户单击菜单选项。

<li><a href="#"></a></li>

单击的菜单项将显示在主div中。我可以从那里接受它。

我使用Dreamweaver 2017，已经下载了最新的jQuery和Bootstrap。我不是太傻，但必须是一个邪恶的盲点。

Answer 1

你可以像这样使用jQuery：

HTML：

<a id="target1">
  Target 1
</a>
<a id="target2">
  Target 2 
</a>
<div style="height:100px; width:100px" class="other">
    Some Text
</div>

JS：

$( "#target1" ).click(function() {
  $('div.other').text('Target 1');
});

$( "#target2" ).click(function() {
  $('div.other').text('Target 2');    
});

这是一个CodePen： https://codepen.io/Wall05/pen/wqxegZ

nav div中的单击菜单项显示在主div中

1 个答案: