我可以在JS中做到这一点,但我开始使用JQuery并且更愿意为此开发技能.
我有一条提醒消息[#CheckboxReminder]"勾选此复选框表示您已检查过您的数据".
然后,我想在勾选复选框时隐藏提醒消息[#IsConfirmed],如果未选中则将其恢复为原始状态.
页面将呈现,提醒消息设置为Visible或Hidden类; 如果用户最近将其数据标记为"已检查",则该消息将被隐藏(但如果他们愿意,欢迎用户再次选中该框)
我相信JQuery toggle()可以做到这一点,但我读到它取决于#CheckboxReminder设置样式以指示可见性的方式,而且我还读过Toggle()可能与#IsConfirmedCheckBox 不同步- 例如快速双击.也许我应该让toggle(FunctionA, FunctioB)FunctionA设置复选框状态,而FunctionB取消设置它 - 而不是允许Click设置它？
请问这个代码的最佳方法是什么？
如果有用,这里是HTML可能的样子:
<p>When the data above is correct please confirm
<input type="checkbox" id="IsConfirmed" name="IsConfirmed">
and then review the data below</p>
...
<ul>
<li id="CheckboxReminder" class="InitHide OR InitShow">If the contact details
above are correct please make sure that the CheckBox is ticked</li>
<li>Enter any comment / message in the box above</li>
<li>Then press <input type="submit"></li></ul>
我有一些列表元素,如下所示:
<li class="item">
<a class="toggle"><h4>ämne<small>2010-04-17 kl 12:54 by <u>nike1</u></small></h4></a>
<div class="meddel">
<span>
<img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" />
<a href="account.php?usr=47">nike1</a>
</span>
<p>text</p>
<span style="clear: both; display: block;"></span>
</div>
</li>
<li class="item odd">
<a class="toggle"><h4>test<small>2010-04-17 kl 15:01 by <u>nike1</u></small></h4></a>
<div class="meddel">
<span>
<img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" />
<a href="account.php?usr=47">nike1</a>
</span>
<p>test meddelande :) [a]http://youtube.com[/a]</p>
<span style="clear: both; display: block;"></span>
</div>
</li>
我正在试图弄清楚如何使它成为当你点击类.toggle的链接时,父元素(li元素)将切换类.current.
我不确定以下代码是否正确,但它不起作用.
$(this).parent('.item').toggleClass('.current', addOrRemove);
即使我删除"('.item')",它似乎没有任何区别.
那么,有什么想法吗？
提前致谢
嘿伙计们,我希望有人可以帮助解决这个问题,我已经尝试了很多脚本和解决方法,但是不能让这个简单的事情发挥作用.正如标题所示,我怎样才能使我的文字不会跳到页面顶部.这是代码.
<script type="text/javascript">
function toggleVisibility() {
document.getElementById("toggleMe").style.display = "";
if(document.getElementById("toggleMe").style.visibility == "hidden" ) {
document.getElementById("toggleMe").style.visibility = "visible";
}
else {
document.getElementById("toggleMe").style.visibility = "hidden";
ev.preventDefault();
return false;
}
}
</script>
<a href="#" onclick="toggleVisibility();">Click to toggle visibility.</a></p>
<div id="toggleMe" style="visibility: hidden;"> Something to Hide and show.
显示器折叠它的布局,而可见性将保持其布局.
所有在同一个html文件中.我读了外面的东西,我尝试了ev.preventDefault(); 返回false; 代码在函数的末尾,但没有.
谢谢!
我有这个设置:http://jsfiddle.net/patrioticcow/yJPGa/5/
我无法弄清楚如何在真或假变量之间切换.这是代码:
<div class="test" id="id_test">Some Content...</div>
<div style="display: none" id="id_test">Some Other Content...</div>
<div>
<button id="disable">Save</button>
<button id="enable">Edit</button>
</div>
JS
var logged_in = false;
$("#disable").click(function() {
logged_in == true;
alert (logged_in);
});
$("#enable").click(function() {
logged_in == false;
alert (logged_in);
});
if (logged_in == true) {
$("#id_test").find(".test").removeClass(".test").addClass(".test_hidde");
}
CSS
.test{color: red;font-size: 16px;}
.test_hidde{color: #000;font-size: 26px;}
每个人都有两个问题:
1)如何打开和关闭同位素？
2)如何切换布局模式？也就是说,我该怎么做呢:
$('.content').isotope({ itemSelector : '.hentry',
layoutMode : 'cellsByRow',
cellsByRow : { columnWidth : 240, rowHeight : 360 } });
对此:
$('.content').isotope({ itemSelector : '.hentry',
layoutMode : 'masonry'});
用一个简单的点击开关？有任何想法吗？
谢谢!
偶尔需要在循环中只存储一次布尔值(记录它已从false更改为true或反之亦然),同时执行循环到结束但不再关心布尔值的变化值.例:
public static boolean dbDelete(Collection argObjectCollectionToDelete) {
boolean result = true;
for (Object object : argObjectCollectionToDelete) {
boolean dbDelete = dbDelete(object);
if (!dbDelete) {
result = false;
}
}
return result;
}
有没有办法执行相当于代码
if (!dbDelete) {
result = false;
}
要么
if (!dbDelete && !result) {
result = false;
}
以更优雅的方式,最好是一条线？
如何在JSF中创建切换按钮？
基本上，我需要两个按钮“ in”和“ out”。它们本质上调用了相同的托管Bean，但是由于每次单击，都应禁用一个，而应启用另一个，反之亦然。如何才能做到这一点？我应该使用ajax功能吗？
我正在尝试构建类似wordpress选项的东西,以便在创建和文章时切换字段可见性.我构建的是依赖于$.click使用相应的字段名称切换父项的功能,我想知道如果选中复选框,最好的方法是什么,因为如果检查一个复选框我的代码会搞乱框并重新加载页面,因为它是一个单击而不是实际检查该框.提前致谢!
HTML
<input type="checkbox" name="title">
<span class="caption">Title</span>
<div class="hidden">
<h2>Title</h2>
<input type="text" name="title">
<span class="caption">Lorem</span>
</div>
jQuery的
$('input[type="checkbox"]').click(function(){
var item = $(this).attr('name');
$('input[name="'+item+'"][type="text"]').parent().toggle();
});
关闭切换时的警报消息.
此切换有效,但不提醒.
脚本:
$( "#btn-toggle" ).click(function() {
$( "#btn-container-all" ).toggle( "slow" );
var isHidden = $('#btn-container-all').is(":hidden");
if(isHidden) {
alert('closed');
}
});
HTML:
<input type="button" id="btn-toggle" value="list" />
<div id="btn-container-all"> //codes... </div>
我有一个菜单按钮,点击它时会向下滑动一个div.
我的菜单是标题"+打开菜单"
单击菜单按钮时,我的代码将标题更改为"+菜单"以指示菜单已打开.
当用户关闭菜单时,我希望标题恢复为" - 菜单"
这是我定义类的HTML,在这种情况下测试.
<span class="test">+ Open menu</span>
这是我的jQuery函数,我无法弄清楚如何恢复菜单状态.
$(document).ready(function () {
$(".widget_head_type").click(function ()
{
$(".widget_body_type").slideToggle("slow");
$(".test").text("- Close menu");
});
});