Question

我想要更改<div class="tcw-content">内的内容，当点击另一个div时，我从未使用过Ajax（也许它不必在Ajax中完成，但我想不到一个JS / CSS的方式，例子赞赏:)），有人会有任何例子吗？例如，用户将点击<li id="tab-tab_700964" class="grp"><a>Group A</a></li>，一旦点击热点，上述div中的内容就会发生变化。

我怎样才能做到这一点？

Answer 1

您可以使用jQuery，例如：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#tab-tab_700964 a').on('click', function(){
      $('.tcw-content').html('hey');
    }); 
});
</script>

<li id="tab-tab_700964" class="grp"><a>Group A</a></li>
<div class="tcw-content">
    hello
</div>

Answer 2

去看看jQuery。它使这很容易。你的例子看起来像这样：

$('.grp a').click(function(e) {
    e.preventDefault();
    $('.tcw-content').html('new content goes here');
});

为了解释，$是jQuery对象。当您将其用作带字符串的函数时，它会查找与该选择器匹配的所有元素，几乎与CSS选择器的工作方式完全相同。然后，您可以在这些匹配的元素上调用各种函数。在这种情况下，我们调用click()并向其传递一个函数，该函数将在单击链接时运行。在该函数内部，我们使用$('.tcw-content')找到div并使用html()函数更新其内容。

jQuery的documentation非常好。开始玩它，可能使用jsFiddle作为沙箱。

Answer 3

也许您正在寻找内容滑块。

HTML Content Slider

:: Featured Content Slider v2.5

Examples

40 examples

Answer 4

用jquery做。包括jquery库，然后添加一个带有document.ready事件的新javascript文件。在准备好的文档内部，只需添加一些内容即可在单击div时进行监听。在这里阅读：

http://www.w3schools.com/jquery/event_click.asp

http://api.jquery.com/click/

单击div会更改另一个div的内容

4 个答案: