个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我需要帮助。
我想向 div 显示动态内容。我已经有了下面的代码:
<script type="text/javascript"><!--
function ReplaceContentInContainer(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}
//--></script>
<div id="example1div" style="padding:10px; text-align:left;">
<p>Content 1</p>
</div>
<p align="center"><a href="javascript:ReplaceContentInContainer('example1div','<p>Content 2</p>')">View another</a></p>
它的作用是，当单击“查看另一个”时，它会将“内容 1”替换为“内容 2”，但我想要的是，当“内容 2”已经显示时，我想单击“再次查看另一个”链接并将 div 内容再次替换为新内容，如“内容 3”。
谁能帮我解决这个问题。
提前致谢:)
最佳答案
在 OP 发表评论后更新
HTML
包含jQuery库文件
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
使用插件 https://github.com/fkling/jQuery-Function-Toggle-Plugin --> 它接受任意数量的函数并可用于任何事件。
你想要这样的东西。
<script type="text/javascript">
/*
* jQuery Function Toggle Pluing
* Copyright 2011, Felix Kling
* Dual licensed under the MIT or GPL Version 2 licenses.
*/
(function ($) {
$.fn.funcToggle = function (type, data) {
var dname = "jqp_eventtoggle_" + type + (new Date()).getTime(),
funcs = Array.prototype.slice.call(arguments, 2),
numFuncs = funcs.length,
empty = function () {},
false_handler = function () {
return false;
};
if (typeof type === "object") {
for (var key in type) {
$.fn.funcToggle.apply(this, [key].concat(type[key]));
}
return this;
}
if ($.isFunction(data) || data === false) {
funcs = [data].concat(funcs);
numFuncs += 1;
data = undefined;
}
funcs = $.map(funcs, function (func) {
if (func === false) {
return false_handler;
}
if (!$.isFunction(func)) {
return empty;
}
return func;
});
this.data(dname, 0);
this.bind(type, data, function (event) {
var data = $(this).data(),
index = data[dname];
funcs[index].call(this, event);
data[dname] = (index + 1) % numFuncs;
});
return this;
};
}(jQuery));
$('#chnage_p').funcToggle('click', function () {
$('#example1div').text('Content 1');
}, function () {
$('#example1div').text('Content 2');
}, function () {
$('#example1div').text('Content 3');
}, function () {
$('#example1div').text('Content 4');
});
</script>
关于javascript - 只需单击一个链接/按钮即可生成动态 Div 内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18797640/
27
4
0
这实际上是我问的问题的一部分here ，该问题没有得到答复，最终被标记为重复。 问题:我只需使用 @Autowired 注释即可使用 JavaMailSender。我没有通过任何配置类公开它。 @Co
我是一名优秀的程序员,十分优秀！