我用jquery ui创建了这个组合效果.
问题是它没有像我们点击第一次时那样切换,当我们第二次点击按钮时我希望反转该效果,依此类推,但是当点击第二次时它不符合标记...
隐藏效果应该是这样的: -
$(".menuViewArea").hide( "blind", {direction: "vertical"}, 1000 );
考虑到WPF控件,我如何知道复选框的值是否已更改(切换)？
我知道有共同的Checked,Unchecked,Clicked事件,但如何当值的变化,不管它是如何改变的事件？
我查看了事件,但没有找到任何东西,但也许我错过了显而易见的事情(过去曾多次发生).
我有一个按钮,可以切换<div>下方的可见性,并希望根据所述的可见性修改按钮上的文本<div>.
这是关于jsFiddle的现场演示
如果单击"保存的数据",它第一次正常工作,但下次单击文本时不会更改.这本身就是我不理解的行为.
现在,我可以使用多个处理程序slideToggle(),但是,在代码的其他地方我也设置了加载"Cookie数据:"和"服务器数据:"旁边数据的间隔.如果<div>不可见,我不希望这些间隔做任何事情所以我使用这样的东西:
this.timer_cookiedata = setInterval(function(){
if (!$savedData.is(':visible'))
{
return null;
}
// ..
});
由于这项is(':visible')业务,我担心这些间隔不能正常工作.所以问题是,为什么会发生这种情况(否则会忽略语句),我该怎么做才能缓解这种情况呢？
我知道,它不受IE支持,但我在网上发现了一个很酷的脚本,有人慷慨地提供免费,但我无法弄清楚为什么它不起作用.我一直盯着这几个小时,请指出我正确的方向!
我的代码:
<script language="javascript" type="text/javascript" src="getbyclass.js"></script>
<script type="text/javascript" language="javascript">
function editToggle(toggle){
if (toggle == "off"){
getElementsByClassName("editp").style.display ="none";
document.getElementById('editToggle').innerHTML="<a href=\"#\" onclick=\"editToggle(\"off\"); return false;\">>Edit Mode: <span style=\"color:red;\">OFF</span></a>";
toggle="on";
}else{
getElementsByClassName("editp").style.display ="inline";
document.getElementById('editToggle').innerHTML="<a href=\"#\" onclick=\"editToggle(\"on\"); return false;\">>Edit Mode: <span style=\"color:green;\">on</span></a>";
toggle="off";
}
}
也:
echo "<span id=\"editToggle\"><a href=\"#\" onclick=\"editToggle(); return false;\">Edit Mode: <span style=\"color:red;\">OFF</span></a></span>";
getbyclass.js可以在这里看到代码.
在回答下面的答案时,我试过这个:
function editToggle(toggle){
var list = getElementsByClassName("editp");
if (toggle == "off"){
//getElementsByClassName("editp").style.display ="none";
for (index = 0; index < list.length; ++index) {
list[index].style.display ="none";
} …可能重复:
使用Cookie切换jQuery
我有一个简单的切换,但切换总是在页面刷新时重置,所以我想通过设置一个cookie保持其状态,但我没有太多的想法我应该怎么做...
任何想法如何保持切换状态？
<div class="question_trigger">
<p>Hi</p>
</div>
<div class="toggle_container">
<div class="block">Hello</div>
</div>
jQuery(document).ready(function(){
jQuery(".toggle_container").hide();
jQuery("div.question_trigger").click(function(){
jQuery(this).toggleClass("active").next().toggle("slow");
});
});?
我编写了一些代码来切换图像的src,并暂停/恢复jQuery cycle2插件.
我不确定为什么它不起作用,并希望得到一些帮助.
$('.play-pause').click(function(){
if ($(this).attr('src', '/images/template/pause.png')) {
$(this).attr('src', '/images/template/play.png');
$('.cycle-slideshow').cycle('pause');
} else if ($(this).attr('src', '/images/template/play.png')) {
$(this).attr('src', '/images/template/pause.png');
$('.cycle-slideshow').cycle('resume');
}
});
如果我删除'else if'语句,则第一个'if'语句有效.
谢谢您的帮助.
杰夫
我希望a div切换其类(切换)onclick,然后再次恢复原始类onclick
我的代码是:
function myfunc() {
//the code over here
}.normal {
width:25%;
height:25%;
background: #f00;
}
.active {
width:100%;
height:100%;
background: #f00;
}
#div{}<body>
<div id="div" onclick="myfunc()">click here</div>
</body>我的应用程序有一个'inspector'面板,由.xib文件和自定义窗口控制器类定义:AdjustmentsWindow.xib和AdjustmentsWindowController.m.
我想Window -> Show Adjustments在应用程序的主菜单栏中有一个菜单项,选中后将显示调整窗口.我将NSObject实例放入包含主菜单的xib中,并将其类更改为"AdjustmentsWindowController".我还将菜单项连接action到控制器的-showWindow:方法.到目前为止一切顺利:窗口控制器在应用程序启动时实例化,当您选择菜单项时,它会显示其窗口.
但是,当窗口已经可见时,我想让相同的菜单项加倍为"隐藏调整"(有效地切换可见性).所以这就是我所做的:
AdjustmentsWindowController.m:
- (void) windowDidLoad
{
[super windowDidLoad];
[[self window] setDelegate:self];
}
- (void) showWindow:(id)sender
{
// (Sent by 'original' menu item or 'restored' menu item)
[super showWindow:sender];
// Modify menu item:
NSMenuItem* item = (NSMenuItem*) sender;
[item setTitle:@"Hide Adjustments"];
[item setAction:@selector(hideWindow:)];
}
- (void) hideWindow:(id) sender
{
// (Sent by 'modified' menu item)
NSMenuItem* item = (NSMenuItem*) sender;
// Modify back to original state: …当用户按下按钮一次时,我想将值从false更改为true.如果用户再次按下按钮,则值应从true更改为false.
我尝试使用下面的代码,但失败了.我怎么解决这个问题？
☆show.html.erb(group_messages_controller)
<div class="bottom">
<%= link_to"???", {:controller =>'group_messages', :action => 'kaiketsu', :id=>@group_message.id}, class: "btn btn-medium btn-default" %></b>
</div>
☆group_messages_controller
def show
if !checklogin? then return end
@group_message = GroupMessage.find(params[:id])
@isme = me? @group_message
@group_message_comment = GroupMessageComment.new
@group_message_comment = GroupMessage.find(params[:id]).group_message_comments.order("created_at asc").build
@isme_cmt = me? @group_message_comment
@gmsc_member_id = session[:user_id]
@gm_in = GroupMessage.where(:group_id => @group_message.group_id).order("created_at desc").paginate(:page => params[:page], :per_page => 6)
@gm_in_one = @gm_in.map{|gm| gm}
respond_to do |format|
format.html # show.html.erb
format.json { render json: @group_message }
end
end
def kaiketsu
@group_message= …activerecord ruby-on-rails toggle ruby-on-rails-3 ruby-on-rails-3.2
我会正确的:
我需要做的是按下按钮隐藏一个特定的div,它应该是一个切换,所以基本上:按一次隐藏,再按一次显示,再按一次隐藏等...
我希望隐藏/显示规则在CSS中完成,并且在纯javascript中进行交互(请不要jquery).这是我需要做的,但我不太确定如何执行javascript代码.
HTML:
<p class="button">Show/hide<p>
<div> I want to hide this by pressing the button above</div>
CSS:
#showhide {
display: none;
}
.button {
display: block;
height: 30px;
width: 100px;
background: green;
text-align: center;
padding-top: 10px;
padding-left: 0px;
font: 15px arial bold;
border: 1px solid black;
text-decoration: none;
list-style:none;
margin: 10px 0px 10px 0px;
}
此外,如果你认为这个问题不属于这里或者是愚蠢的,请尽量避免粗鲁,我只是想在这里学习.