我在下拉菜单的组合中使用Select2.我有一个"国家"菜单和一个"州/省"菜单.根据所选国家/地区,"州/省"下拉列表内容会发生变化.使用数据库中的ajax拉出州/省,然后以这种方式显示:
$display_output = '<select style="width:350px;" tabindex="2" name="state" id="state" data-placeholder="Choose a Country..."> ';
$display_output .= '<option value="" selected>Select a State</option> ';
while ($state_details = $this->fetch_array($sql_select_states))
{
$display_output .= '<option value="' . $state_details['id'] . '" ' . (($selected_value == $state_details['id']) ? 'selected' : ''). '>' . $state_details['s.name'] . '</option>';
}
$display_output .= '</select>';
到现在为止还挺好.所有省份都正确更改,但是当它最初加载时,Select2显示状态下拉列表的"未定义",即使我将其设置为
data-placeholder="Choose a Country..."
我假设它可能是因为在加载时,所选的国家是"美国"并且它填充了一个州的列表,但它们都不是默认的或选择的.有没有其他方法来定义默认值,以便它不显示"未定义"？
而另一个(但不那么重要)的问题是,当有人选择"美国",然后选择"亚利桑那州"时,如果该人随后改为"加拿大"作为国家,"亚利桑那州"的状态仍然存在但是当打开下拉列表可以选择加拿大各省.当有人选择另一个国家时,有没有办法暂时将其恢复为默认值,直到再次选择一个省为止？
我的加载代码目前只是:
<script>
$(document).ready(function() { $("#state").select2(); });
</script>
我有以下代码,在禁用背景时打开一个新的弹出窗口,问题是我必须将它定位为从顶部100px(已经通过CSS #dialog获得)以及屏幕中心,无论用户的分辨率是多少？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "hidden") {
cvr.style.width = "1024"
cvr.style.height = "100%"
}
}
function closePopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}
</script>
<style type="text/css">
#cover {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: …我的twitter bootstrap下拉按钮成功运行,但我有一个小问题.这里的黑色导航栏:
http://twitter.github.com/bootstrap/javascript.html#dropdowns
当下拉列表打开时,它有一个整齐的小箭头,对吧？好吧,我正在使用下面的药片,他们没有那个箭头.似乎箭头仅在使用导航栏时包含,我不需要.
有没有人想出一种方法来添加箭头到药丸？:(
我有一个带有几个bootstrap模式的页面:
data-toggle="modal" data-target="#modal-12345"
问题是,我有一个可点击的整个表行,比如
<tr data-toggle="modal" data-target="#modal-12345">
模态内容位于右下方的另一个隐藏表格行中,后面是下一个可单击行,依此类推.现在,此行还包含一个按钮,单击该按钮将转到另一个页面.
我需要整个行可点击以便打开模态,除非单击要转到其他页面的按钮,然后我需要停止打开模态.
我需要这样的东西
<script>
$('.ID').on('click', '.btn', function(e) { e.stopPropagation(); })
</script>
但针对此:
data-toggle="modal"
我也尝试给TR一个"modaltoggle"类,然后用javascript调用它作为.modaltoggle,但这也不起作用.
我几天前使用FQL来检索Facebook数据,但我注意到它将在大约1年后停止使用,所以我升级到了Graph API.但我正确使用它吗？这种方法明年还能运作吗？我还在用
facebook.php,
base_facebook.php和
fb_ca_chain_bundle.crt
从2011年开始,我再次只需要这些功能.
这是我的代码,感谢您给我的任何建议:)
function get_content($URL){
$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $URL);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
$access_token = $facebook->getAccessToken();
$data = get_content("https://graph.facebook.com/" . $facebook_id . "/?fields=name,first_name,last_name,email&access_token=".$access_token);
$data_array = json_decode($data, true);
$new_array = array(
"uid" => $data_array['id'],
"name" => $data_array['name'],
"first_name" => $data_array['first_name'],
"last_name" => $data_array['last_name'],
"email" => $data_array['email']
);
php facebook facebook-fql facebook-graph-api facebook-php-sdk
我有一个内容的"泡沫",工作正常.现在,我想显示一个计数(2行),它应始终位于该div的右下角,INSIDE它.我尝试了很多东西,但由于某种原因,它总是重叠div并在外面显示.我究竟做错了什么？
<style type="text/css">
body{
background-color:#f3f3f3;
}
.commentbox{
background-color: #ffffff;
width: 200px;
border-color: #D1D1D1;
border-radius: 4px;
border-style: solid;
border-width: 1px;
padding-bottom: 9px;
padding-left: 9px;
padding-right: 9px;
padding-top: 9px;
position:relative;
}
.count{
float:right;
text-align:right;
}
</style>
<div class="commentbox">
<div class="title">Some several lines long long long long content text goes here
</div>
<div class="count">123<br>456</div>
</div>
我有这样的标签:
<ul class="nav nav-tabs ">
<li class="active">
<a href="#tab_default_1" data-toggle="tab">
Tab 1
</a>
</li>
<li>
<a href="#tab_default_2" data-toggle="tab">
Tab 2
</a>
</li>
<li>
<a href="#tab_default_3" data-toggle="tab">
Tab 3
</a>
</li>
</ul>
但是不要让它们在左边,我希望它们在中心.我试过text-align:center;甚至设置margin-left:0,margin-right:0但都没有工作.如果不重写整个代码,最简单的方法是什么？
这是一个jsFiddle:
我有一个带有3个不同内容选项卡的Bootstrap"tab"导航.除了我想链接到OUTSIDE选项卡导航中的一个选项卡之外,它的工作方式非常完美.这意味着当有人单击选项卡窗口外的链接时,它应设置为"活动"该选项卡并显示内容.
现在,它正确显示该选项卡的内容,但该选项卡未设置为"活动".我如何实现这一点,以便它像一个人点击一样"活跃"？
这是代码:
<div>
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">Home Content</div>
<div class="tab-pane" id="profile">Profile Content</div>
<div class="tab-pane" id="messages">Messages Content</div>
</div>
</div>
<p></p>
<a href="#profile" data-toggle="tab">Profile Link From Outside</a>
我做了一个jsFiddle来更好地展示它:http://jsfiddle.net/fLJ9E/
非常感谢你的任何帮助或提示:)
我有一个容器,文本可以扩展为两行,高度为40px,字体大小为18px.当我做:
text-overflow: ellipsis;
white-space: nowrap;
然后虚线显示正确但它在一条线上被切断.当我做的时候:
text-overflow: ellipsis;
然后它正确地显示了2行,但最后没有"......".我如何实现这一点,以便它在第二行正确地使用两行和"......"？
以下代码使我的文本在 Mac 上看起来更漂亮：
html, body {
-moz-osx-font-smoothing: grayscale;
}
但它在 Windows 上不起作用。有什么对 Windows 的工作方式相同的吗？