我想在我的jQuery Mobile和jQuery webside上使用国际化选项.我尝试使用http://i18next.com上的文档生成一个示例,但似乎我失败了.有没有人有i18next的经验？
这是我的例子:
index.html的:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="js/i18next-1.5.6.min.js" type="text/javascript"></script>
<script src="js/translation.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="content">
<div id="headline1" data-i18n="headline"></div>
<table width="100%" border="0" id="menu1" class="menu">
<tr id="surname">
<td width="50%" data-i18n="menu.surname"></td>
<td width="50%"> </td>
</tr>
<tr id="firstName">
<td width="50%" data-i18n="menu.firstName"></td>
<td width="50%"> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
翻译文件:/locales/de/translation.json
{
"menu": {
"surname": "Name:",
"firstName": "Vorname:"
},
"headline": "Daten:",
"headline_1": "Daten Allgemein:",
"headline_2": "Daten Speziell:"
}
/locales/en/translation.json …
我在jQuery的链接按钮有问题.我在网上找到的大多数论坛条目,搜索"jQuery链接按钮取消选择"处理表单按钮或复选框而不是链接按钮.所以我希望有人可以帮助我:-).
问题描述:我的网页上有一些静态链接底部,点击它我调用javascript函数并更改按钮上的文本.现在我的问题是在更改文本后仍然选择按钮,这是不应该的.
index.html的:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="basic.js" type="text/javascript"></script>
</head>
<body>
...
<a href="#" data-role="button" onmouseup="nextStep(1)" id="button1">Example1</a>
<a href="#" data-role="button" onmouseup="nextStep(2)" id="button2">Example2</a>
<a href="#" data-role="button" onmouseup="nextStep(3)" id="button3">Example3</a>
...
</body>
basic.js
function nextStep(buttonIndex){
$("#button1 .ui-btn-text").text("Example4");
$("#button2 .ui-btn-text").text("Example5");
$("#button3 .ui-btn-text").text("Example6");
}
上面的代码就是我正在做的一个例子.如何在设置新文本后开始描述仍然选择按钮.有人知道取消选择按钮的解决方案吗？
所选按钮的图片:http://up.picr.de/12133494ev.png
谢谢你的帮助:-).
托马斯
感谢您的快速回复.我试过这个提议
function nextStep(buttonIndex){
$("#button1 .ui-btn-text").text("Example4").removeClass('ui-btn-active');
$("#button2 .ui-btn-text").text("Example5").removeClass('ui-btn-active');
$("#button3 .ui-btn-text").text("Example6").removeClass('ui-btn-active');
}
不幸的是,它并不像预期的那样有效.更确切地说,我看不到行为的任何变化.
请注意,您的页面可能还有其他元素会导致此类行为.
这些按钮是包含其他元素(标题和表格)的页面的一部分,我通过javascript更改内容.但对我而言,目前尚不清楚这应该如何影响按钮的行为.
例子:
var table = document.getElementById('solution');
var cell = table.rows[1].cells[1];
cell = table.rows[2].cells[1];
cell.firstChild.data = …我需要一个解决方案,通过javascript动态更改表格单元格的文本颜色.文本可以是以下颜色:蓝色,绿色,红色和黑色.
表格示例:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset="UTF-8">
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="content">
<table width="100%" border="0" id="friends" class="menu">
<tr id="friend1">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend2">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend3">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend4">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend5">
<td>First name</td>
<td>Surname</td>
</tr>
</table>
</div>
</div>
</body>
</html>
如何更改文字颜色？条件是,我可以通过javascript动态地执行此操作并且不止一次.这意味着我需要设置一种颜色(例如红色),稍后将颜色重置为黑色并将其设置为另一种颜色(例如蓝色).
我看到了一些通过id设置颜色的例子,但我发现没有办法将这个例子转移到表格单元格,每个单元格可能有不同的颜色.
有人能帮我吗？