小编sac*_*are的帖子
如何使用jQuery单击特定链接打开引导导航选项卡的特定选项卡？
我是jquery和bootstrap的新手,所以请考虑我的错误.我已经创建了一个用于登录和注册的bootstrap模式.它包含两个称为登录和注册的导航标签.我有两个按钮,弹出相同的模态窗口,但在模态窗口内显示不同的标签.在每个选项卡中都有一个包含许多输入的表单.我的问题是当我点击"登录"按钮并在我点击页面上的"注册"按钮时打开注册标签时,弹出模式中打开的模式弹出模式.
这些是模式打开的2个链接:
<div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font>
</big></a></div>
<div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font>
</big></a>
这是我的标签代码及其内容(我在这里避免不必要的代码):
<div class="tabbable" >
<ul class="nav nav-tabs" ><!--tabs-->
<li class="active" style="position:absolute;margin-left:0px;" id="logintab">
<a href="#pane_login" data-toggle="tab">Login</a></li>
<li style="margin-left:70px;" id="reg_tab" ><a href="#pane_reg" data-toggle="tab">Registration</a></li>
</ul>
<div class="tab-content"><!--login tab content-->
<div id="pane_login" class="tab-pane active">
<form id="login-form" target="login-signup-iframe" method="post" action="#" name="login-form">
</form>
</div><!--/pane_login-->
<div id="pane_reg" class="tab-pane"><!--registration tab content-->
<form id="regestration-form" target="login-signup-iframe" method="post" …64
推荐指数
推荐指数
4
解决办法
解决办法
19万
查看次数
查看次数
如何在jQuery中读取xml文件内容并在html元素中显示？
我是Jquery的新手.我正在尝试从"sampleXML.xml"文件中读取数据并在Html"li"元素中显示该数据.到目前为止我所做的是,我创建了如下html文件:文件名 - "Cloudtags.html":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<script src=Cloudtags.js></script>
<title>Css Globe: tag clouds</title>
<link rel="stylesheet" type="text/css" href="Cloudtags.css">
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="container">
<script type="text/javascript" src="http://cssglobe.com/ads/blogsponsor.js"></script>
<div id="side">
<div class="tags">
<ul class="cld">
<li class="tag1" id="java"><a href="https://www.google.com">google</a></li>
<li class="tag2"><a href="#">Chiessy</a></li>
<li class="tag3"><a href="#">sitemap</a></li>
<li class="tag2"><a href="#">Sales</a></li>
<li class="tag4" ><a href="#">Gohome</a></li>
<li class="tag1"id="temp"><a href="#">Movies</a></li>
<li class="tag1"><a href="#">It Jobz</a></li>
<li class="tag5"><a href="#">Alza</a></li>
<li class="tag2"><a href="#">Sea food</a></li>
<li …15
推荐指数
推荐指数
2
解决办法
解决办法
11万
查看次数
查看次数
如何让div隐藏和显示像弹出窗口一样？
我是jQuery的新手.我正在尝试在我的项目中创建搜索框功能.我创建了一个包含城市名称的div,我希望它显示在按钮的click事件上.我能够在slideToggle()按钮的单击事件上使用jQuery的方法隐藏和显示div .但是当显示div时,我页面的其他内容会分散注意力.我不指望这种行为.
这是显示div之前的图像:
以下是显示div后页面的图像:
现在我希望这个div显示为弹出窗口,这样它就不会分散页面的其他内容.
以下是HTML格式的搜索框部分代码:
<!--start SearchBox section-->
<section id="searchbox"style="background:white">
<div class="container" style="margin-top:0px;">
<div class="row">
<div class="col-lg-12">
<form style="">
<center>
<div id="SearchBoxBorder" style="background:white;border:2px solid #a1a1a1;border-radius:5px;margin-top:20px;width:800px;">
<table id="mytable" >
<td style="width:300px;background:white;">
<center> <div class="form-group">
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="I am looking for"
style="border-width:5px;background:white; margin-top:17px; margin-left:15px; margin-right:10px;width:300px;
border-style:solid;border-width:5px;border-color:#a1a1a1;font-family:Arial,Helvetica,sans-serif;height:42px; font-size:18px;">
</div></center>
</td>
<td style="width:50px ;text-align:right;background:white;"> <center><strong> in</strong></center> </td>
<td style="width:400px;background:white;">
<center>
<div class="input-group">
<input type="text" class="form-control" placeholder="in locality"
style="border-width:5px;background:white; margin-top:0px; margin-left:10px; margin-right:20px;width:;font-size:18px;
border-style:solid;border-width:5px;border-color:#a1a1a1;font-family:Arial,Helvetica,sans-serif;height:42px;">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" …10
推荐指数
推荐指数
3
解决办法
解决办法
8万
查看次数
查看次数
如何设置引导标签的高度和边框？
我在该模态中创建了一个模态和一个导航选项卡.有两个问题.
首先是那些标签的高度非常大,我想设置它们的高度稍微小一点.我试图用css height属性设置它们的高度,但它对我不起作用.
我的第二个问题是,当打开特定选项卡时,显示在该选项卡底部的边框底部/线不会被隐藏,因为它应该正常.我想在选项卡打开时隐藏该选项卡的底线.
所以,请任何人帮我解决上述问题.
这是我的模态的图像与标签:
这是我的这些选项卡的代码(我避免不必要的代码):
<div class="tabbable" >
<ul class="nav nav-tabs" ><!--tabs-->
<li style="position:absolute;margin-left:0px;height:50px;" id="logintab">
<a href="#pane_login" data-toggle="tab" id="logintab_a">Login</a></li>
<li class="active" style="margin-left:70px;" id="reg_tab" >
<a href="#pane_reg" data-toggle="tab" id="regtab_a">Registration</a></li>
</ul>
<div class="tab-content"><!--login tab content-->
<div id="pane_login" class="tab-pane active">
</div>
</div>
<div class="tab-content"><!--login tab content-->
<div id="pane_register" class="tab-pane active">
</div>
</div>
</div><!--/Tabbable-->
4
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数
如何使用JQuery使div标签的背景颜色不断变化？
我试图使用for循环和rgb()值连续更改div标签的背景.以下是我在sample.html中编写的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>sample</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script >
<script>
$(document).ready(function(){
var r=0;
var g=0;
var b=0;
for(r=0;r<255;r++)
{
for(g=0;g<255;g++)
{
for(b=0;b<255;b++)
{
$("#sqr").css("background-color","rgb(r,g,b)");
}
}
}
});
</script>
<style>
#sqr{background-color:rgb(255,0,0);
height:200px;
width:200px;
}
</style>
</head>
<body>
<div id="sqr">
</div>
</body>
</html>
所以可以enyone告诉我应该如何制作代码,以便div的背景颜色在页面加载时自动更改？请注意,我想非常顺利地改变颜色.
如果你想看看我想要的效果,那么访问:在这里,看看它显示的效果.
根据一些建议,我已将代码更改为:
$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");
现在它正确地获取了rgb的值,但没有在浏览器中正确加载效果,显示对话框:
3
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
如何使用Backbone.js在html页面中创建和显示外部模板？
我是backbone.js的新手,我正在练习在我的'index.html'页面中显示模板.我已经在'index.html'中创建了一个模板并在一个使用视图中显示它.它可以在单个html文件中正常工作,即一切都保存在'index.html'中.但是现在我希望这些模板存储在其他文件中显示在我的'index.html'中.我试图找到一些解决方案,但都令人困惑.所以请,任何人都可以告诉我该怎么做.
以下是我要显示的模板(目前在'index.html'中):
<script type="text/template" id="cloudtag_tempalte">
<center>
<ul class="cld" ">
<li > <a class="tag1" id="t1" href="https://www.google.com" target="_blank"></a> </li>
<li > <a class="tag2" id="t2" href="#">sachin </a> </li>
<li > <a class="tag3" id="t3" href="#">Ramesh </a> </li>
<li > <a class="tag1"id="t33" href="#">Tendulkar</a></li>
<li > <a class="tag5"id="t34" href="#">Cricket</a></li>
<li > <a class="tag2"id="t35" href="#">Test</a></li>
</ul><!--/cld-->
</center>
</script>
以下是显示它的div(在'index.html'中):
<div class="tags" id="myTags"> </div><!--/tags-->
以下是视图脚本(在同一文件'index.html'中):
<script type="text/javascript">
var cld_view=Backbone.View.extend({
initialize: function(){
},
render: function(){
// Compile the template using underscore
var template = _.template( $("#cloudtag_tempalte").html(), {} );
// …2
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
如何通过scala执行终端命令
我正在尝试访问Scala中的CSV文件以验证其中的数据.我成功了.现在我想使用MongoDB的mongoimport实用程序将所有CSV文件转储到MongoDB数据库中.但我不知道如何从Scala执行此命令.那么,请有人告诉我如何从Scala执行终端命令吗？
我的mongoimport命令如下:
$ mongoimport -d dbname -c Colname --type csv --file Address.csv --headerline
请告诉我任何解决方案.提前致谢.
1
推荐指数
推荐指数
1
解决办法
解决办法
405
查看次数
查看次数