我有代码来添加日期选择器.工作正常.但是当我尝试添加多个拣货员(div)时.只有第一个选择器工作,任何人都可以解释我有什么问题.我需要在我的时间表中添加十六个日期选择器(输入).
<!DOCTYPE HTML>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div id="datetimepicker" class="input-append date">
<input type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<div id="datetimepicker" class="input-append date">
<input type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<script type="text/javascript"
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript"
src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'dd/MM/yyyy hh:mm',
language: 'en',
pick12HourFormat: true // enables the 12-hour format time picker
});
</script>
</body>
<html>我正在开发Laravel项目。我正在使用Laravel 5.1。在我的项目中，我appServiceProvider以此方式将数据共享给所有视图的启动方法。
function boot()
{
$items = $this->itemRepo->getItems(session("key"));
view()->share('items', array('items'=>$items));
}
但是会话值始终为null。我在网上看到很多文章。但是他们没有用，所以请问我该如何传递会话值？
我正在使用jQuery UI Connectedlist
在这里拖放从左到右以及从右到左都可以正常工作。
如何禁用从右到左？从左到右，它只能工作一种方式。
我还需要排序以使ul黄色项目（如灰色项目）仍能正常工作。
$(function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});#sortable1, #sortable2 {
border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;
}
#sortable1 li, #sortable2 li {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 120px;
}<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Sortable - Connect lists</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" …javascript jquery drag-and-drop jquery-ui jquery-ui-sortable
我正在开发一个具有树视图菜单的小应用程序,所以这是html:
<ul class="sidebar-menu">
<li class="active"><a href="javascript:;"> ELEMENT 1 </a></li>
<li class="treeview">
<a href="javascript:;"> ELEMENT 2 <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
<ul class="treeview-menu">
<li><a href="javascript:;"> ELEMENT 2.1 </a></li>
<li><a href="javascript:;"> ELEMENT 2.2 </a></li>
</ul>
</li>
<li><a href="javascript:;"> ELEMENT 3 </a></li>
</ul>
我正在尝试突出显示单击的li元素,将.active类添加到其中.但是,当您单击子元素时,我还要突出显示父元素.例如,如果您单击ELEMENT 2.1我想要突出显示的那个ELEMENT 2.
这是我要获取的jQuery代码,首先是单击的元素,然后它是li parent(:not由于其他原因,我不能在没有选择器的情况下执行此操作:
$(".sidebar-menu").on("click", "li:not(.treeview)", function(e){
$(e.delegateTarget).parents("li").first();
}
if语句按预期工作,但第二行总是undefined在控制台中给出错误.
所以我有一个blockquote:
<blockquote>
<p>We seek to innovate: not for the sake of doing something different, but doing something
better.</p>
</blockquote>
我需要做的是抓住字符串中的第一个和最后一个字.然后我需要<span class="firstWord"></span>在第一个单词和<span class="lastWord"></span>句子中的最后一个单词周围.
仅供参考 - 文本将不断变化,因此第一个和最后一个单词将永远不会是同一个单词.
有没有办法让我这样做？
我有一个表格,当任何收音机input的任何改变时提交.
在表格中我有两个不同的电台组.我试图输出消息对我#message的pjax:start任何从收音机时group2 只被触发.
<form id="myForm">
<input type="radio" name="group1" val="ga_1_1">
<input type="radio" name="group1" val="ga_1_2">
<input type="radio" name="group2" val="ga_2_1">
<input type="radio" name="group2" val="ga_2_2">
</form>
<span id="message"></span>
这是我简单的方法:
$('input[name="group2"]').on('change', function(){
$(document).on('pjax:start', function() {
$('#message').text( 'Loading...' );
});
$(document).on('ready pjax:success', function() {
$('#message').text( 'Loaded' );
});
});
问题是即使我点击广播也会触发消息group1.
我有一个DB列表,显示在选择多个标签中:
<select multiple="multiple" id="list" name="color">
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Blue</option>
<option value="4">Magenta</option>
<option value="5">Black</option>
<option value="6">Cyan</option>
<option value="7">Yellow</option>
</select>给定来自DB的值数组,需要仅选择在DB数组中找到的那些项,例如[2,4,7].如何使用jQuery推送attr('selected')这些选项标签？
<select multiple="multiple" id="list" name="color">
<option value="1">Red</option>
<option value="2" selected="selected">Green</option>
<option value="3">Blue</option>
<option value="4" selected="selected">Magenta</option>
<option value="5">Black</option>
<option value="6">Cyan</option>
<option value="7" selected="selected">Yellow</option>
</select>像上面一样.
我正在尝试通过此函数更改已加载div中的内部HTML:
$("#container").load("site.php");
在site.php我有<div class="users_count">,我想在其中加入一些文字.我正在尝试使用,$(".users_count").html("TEST")但由于jQuery没有看到.users_count类,所以无法完成.
我听说过jQuery on(),live()但它需要一些事件click, keyup etc...
我需要在没有任何事件的情况下在这个div中添加一些文本 - 只需在我的函数中执行它而无需用户操作.
我列出了一个:
<div class='label'>
<a>Menu</a>
<a>Menu Food</a>
<a>Menu Drink</a>
<a>Cheese</a>
</div>
<div class="mytext">
this text need hide.
</div>
我如何检查a上面的列表有确切的文字="菜单".
我使用过这个脚本,但它不起作用:
$('.label a').filter(function(){
if($.trim($(this).text()) == "Menu"){
$('.mytext').show();
}
else {
$('.mytext').hide();
}
});
我也不能for loop在里面使用和使用条件.
非常感谢你.
我正在尝试创建一个 HTML 字符串，然后使用额外的 HTML 和属性修改该 HTML 字符串，但它不起作用。我究竟做错了什么？
$(document).ready(function(){
$('body').on('click', 'button', function(){
var thing = '<div class="thing"></div>';
var close = '<a href="#" class="close">close</a>';
$(thing).append(close);
$('.canvas').append(thing);
return false;
});
});
我确实通过在将字符串附加到 DOM 之前将它们组合成一个变量来使其工作，但这使我所做的更难阅读。有没有其他方法可以做到这一点？