以下是msform我想要将style ="display:none"属性应用于id的表单.
<form id="msform" style="display:none;">
</form>
此外,应在添加"style=display:none;"属性之前执行检查.也就是说,如果它已经像上面的代码一样设置,则不应再次设置.
但如果它没有设置那么应该.
我该怎么做到这一点？请帮我.
我们现在在使用反应方面遇到了一些问题,但它有点归结为我们如何使用反应的一部分.
我们应该如何显示/隐藏子组件？
这就是我们编码的方式(这只是我们组件的片段)......
_click: function() {
if ($('#add-here').is(':empty'))
React.render(<Child />, $('#add-here')[0]);
else
React.unmountComponentAtNode($('#add-here')[0]);
},
render: function() {
return(
<div>
<div onClick={this._click}>Parent - click me to add child</div>
<div id="add-here"></div>
</div>
)
}
最近我一直在阅读这样的例子:它本来应该是这样的:
getInitialState: function () {
return { showChild: false };
},
_click: function() {
this.setState({showChild: !this.state.showChild});
},
render: function() {
return(
<div>
<div onClick={this._click}>Parent - click me to add child</div>
{this.state.showChild ? <Child /> : null}
</div>
)
}
我应该使用那个React.render()吗？它似乎停止了各种各样的事情,如shouldComponentUpdate级联到孩子和像e.stopPropagation...
下面是我用来显示div点击时的javascript代码button.
再次点击时如何隐藏它？然后单击它,div应该再次可见？
<script type="text/javascript">
var _hidediv = null;
function showdiv(id) {
if(_hidediv)
_hidediv();
var div = document.getElementById(id);
div.style.display = 'block';
_hidediv = function () { div.style.display = 'none'; };
}
</script>
四个视图使用相同的xml.我想只显示一个线性布局view 1.我放入android:visibility="gone"xml.然后我正在做以下事情view 1-
LinearLayout layone= (LinearLayout) view.findViewById(R.id.layone);
layone.setVisibility(View.VISIBLE);
但这并未将可见性设置为可见.
一旦GONE在xml中声明了视图,是不是可以显示它？
我不想通过这样做来反驳逻辑,
layone.setVisibility(View.GONE);
在除视图1之外的三个视图中的每个视图中.
想法或评论？
更新:
我的xml -
<TextView
android:id="@+id/layone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Previous Page"
android:textColor="#000000"
android:textSize="16dp"
android:paddingLeft="10dp"
android:layout_marginTop="10dp"
android:visibility="gone" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="50dp"
android:orientation="horizontal"
android:padding="10dp"
android:gravity="center_vertical"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:tag="PrevEntries"
android:id="@+id/laytwo"
android:layout_marginTop="10dp"
android:background="@layout/roundedtext"
android:visibility="gone" >
<TextView
android:id="@+id/laythree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Previous Page"
android:textColor="#000000"
android:textSize="18dp"
android:gravity="center"
android:textStyle="bold" />
</LinearLayout>
使用AJAX我用一堆复选框填充DIV(每个复选框都有自己唯一的ID).该ID是"projectID1","projectID2","projectID3"等等......我已经给所有的复选框一类"pChk"的.
我的最终目标是在选中任何复选框时显示包含提交按钮的DIV.包含提交按钮的DIV显示的唯一时间是未选中所有复选框.
但是,我在下面提出的代码显示/隐藏了每个复选框实例的提交按钮DIV.换句话说,如果我有三个复选框CHECKED并且我取消其中一个复选框,则提交按钮DIV将被隐藏.
非常欢迎您的专业建议!
function checkUncheck() {
$('.pChk').click(function() {
if (this.checked) {
$("#ProjectListButton").show();
} else {
$("#ProjectListButton").hide();
}
});
}
我试图弄清楚如何隐藏动态栏以进行启动画面活动.我做了一些在我的启动画面上隐藏我的操作栏的东西,但是有一个问题:在我的启动画面出现之前,有一个活动,其中一个动作栏出现了短暂的...我不知道如何隐藏它!
我的启动画面仅在我们第一次触摸应用程序时出现,就像应用程序的介绍一样.
代码:
package com.example.basicmaponline;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Window;
public class Intro extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
getWindow().requestFeature(Window.FEATURE_ACTION_BAR);
getActionBar().hide();
setContentView(R.layout.intro);
Thread timer = new Thread(){
public void run(){
try{
sleep(3000);
}catch (InterruptedException e) {
e.printStackTrace();
}finally{
Intent openMenu = new Intent("com.example.basicmaponline.MENU");
startActivity(openMenu);
}
}
};
timer.start();
}
@Override
protected void onPause() {
// TODO Auto-generated method stub
super.onPause();
finish();
}
}
清单:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" …user-interface android splash-screen show-hide android-actionbar
我有这个问题,我需要在单击表格单元格时显示和隐藏div.但是,我也希望人们能够在单元格中选择文本并将其复制而不隐藏信息.
如有必要,完全可以更改设计.:)
这是一个演示这个问题的小提琴
http://jsfiddle.net/k61u66ek/1/
这是小提琴中的HTML代码:
<table border=1>
<tr>
<td>
Information
</td>
<td onClick="toggleInfo()">
<div id="information" style="display:none">
More information that I want to select without hiding
</div>
<div id="clicktoshow">
Click to show info
</div>
</td>
</tr>
</table>
这是javascript:
function toggleInfo() {
$("#clicktoshow").toggle();
$("#information").toggle();
}
任何建议/建议非常感谢!
/帕特里克
我试图根据浏览器大小显示/隐藏一些div,只使用css媒体查询...但似乎没有任何工作......请帮助,如果可以,让我知道我做错了什么. .. 提前致谢!
继承人我的css ..
@media all and (max-width: 959px) {
.content .700{display:block;}
.content .490{display:none;}
.content .290{display:none;}
}
@media all and (max-width: 720px) {
.content .700{display:none;}
.content .490{display:block;}
.content .290{display:none;}
}
@media all and (max-width: 479px) {
.content .700{display:none;}
.content .490{display:none;}
.content .290{display:block;}
}
这是我的HTML
<div class="content">
<div class="700">this is the content for desktop</div>
<div class="490">this is the content for tablet</div>
<div class="290">this is the content for mobile</div>
</div>
我一直在使用Sphinx和reStructuredText记录软件包.
在我的文档中,有一些很长的代码片段.我希望能够将它们隐藏为默认值,并使用一个"显示/隐藏"按钮来扩展它们(示例).
有没有一种标准的方法可以做到这一点？
在html代码中我选择了这样的选项:
<option value="1" class="myclass5">Value1</option>
在jQuery中:
var cod = $(this).val(); // This is the value of another select: when the value
$("option[class^=myclass]").hide();
$("option[class^=myclass]").each(function () {
$("option[class^=myclass" + cod + "]").show();
});
编辑
我有两个选择.当我在第一个选择中选择一个值时,必须相应地填充第二个值(我必须阻止ajax调用).
我将所有第二个选择值放在会话var中,但我的问题是只选择那些与第一个选择相关的值,所以我试图通过css类.
EDIT2
<select name="firstselect">
<option value="0" selected="selected">Choose...</option>
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
</select>
<select name="secondselect">
<option value="0" selected="selected">Choose...</option>
<option value="myclass1">Value11</option>
<option value="myclass1">Value12</option>
<option value="myclass1">Value13</option>
<option value="myclass2">Value21</option>
<option value="myclass2">Value22</option>
<option value="myclass2">Value23</option>
<option value="myclass3">Value31</option>
<option value="myclass3">Value32</option>
<option value="myclass3">Value33</option>
</select>
EDIT3
对我来说,greenish的解决方案很好,但IE上有一个问题,我没有成功解释:当我使用后退按钮时,用户选择的值是"丢失",也就是说,如果我登录控制台的用户选中的值,我在新的克隆选择中看到它的"索引".在html源代码中,有整个原始选择.
EDIT4
我解决了这篇文章