以下代码不会完全禁用start事件的sortables.它将添加类ui-sortable-disabled和ui-state-disabled可排序元素,但它不会禁用该功能 - 换句话说,可排序的外观被禁用,但它们仍然接受拖动的项目并且表现得像启用它们一样.
var assignedSortables;
var startDrag = function(event, ui) {
assignedSortables.each(function() {$(this).sortable('disable');});
};
var stopDrag = function(event, ui) {
assignedSortables.each(function() {$(this).sortable('enable');});
};
assignedSortables = $(".my-sortable-containers").sortable({
connectWith: '.my-sortable-containers',
start: startDrag,
stop: stopDrag
});
Run Code Online (Sandbox Code Playgroud)
我想要这样做的原因是拖动启动是因为我可能需要禁用已经包含被拖动项目的其他已连接的可排序项(为了简化我省略了逻辑).这是一个错误还是有办法绕过它?
我在大学网站项目中工作,我选择使用Highcharts,它的使用非常简单.但我有一些问题需要.getjson动态更新.
我用这个http://www.highcharts.com/studies/live-server.htm和这个http://jsfiddle.net/oceog/zpwdp/样本.而且我没有取得任何成功.然后我尝试通过我自己的API学习,我来到这里:
function requestData() {
$.jQuery.getJSON('values.php', data,
function(){
var series = chart.series[0]
chart.series.update()
setTimeout(requestData, 1000);
}
)}
Run Code Online (Sandbox Code Playgroud)
我把图表上的数据值留空了,我加载requestData了文件,但它仍然无法正常工作.有人能帮我吗?对不起我的英语不好.谢谢!
我正在尝试使用JQuery UI设置HTML选择菜单的样式; 但它根本不起作用.这是一个JSFiddle.下面是我想要完成的例子.
这是我的HTML代码:
<form action="#">
<fieldset>
<label for="parameterSelectMenu">Select a Parameter</label>
<select name="parameterSelectMenu" id="parameterSelectMenu">
<option value="volvo">Temperature Actual</option>
</select>
</fieldset>
</form>
<!-- A button to show JQuery is working... -->
<button id="clicker">A button element</button>
Run Code Online (Sandbox Code Playgroud)
这是JavaScript:
$("#clicker").button();
$("#parameterSelectMenu").selectmenu();
Run Code Online (Sandbox Code Playgroud)
在Firefox中,"selectmenu"被报告为不是函数...
尝试从 highcharts 图表中删除 X 轴线和股票代码,但似乎不起作用。
xAxis: {
categories:[],
labels: {enabled: false},
tickLength: 0,
}
Run Code Online (Sandbox Code Playgroud)
我能够删除 x 轴标签和其他所有内容,但无论我做什么,图表底部的线条和各种刻度线仍然保留在那里。奇怪的是,在 Y 轴上我没有得到这种行为:一旦我删除了标签,其他所有内容都消失了,没有留下线条,也没有刻度。
这是 Highcharts 中的错误吗?
我想知道是否存在可以使用jQuery UI添加新节的方法
这是我到目前为止没有任何错误,但手风琴不起作用,因为我添加一个新的
$( function() {
$( "#accordion" ).accordion();
$('#addNewSection').on('click', function() {
var newH3 = document.createElement('h3');
var newDiv = document.createElement('div');
var acc = document.getElementById('accordion');
var number = document.getElementsByTagName('h3').length;
newH3.innerText = 'Section' + (parseInt(number) + 1) + "(This won't collapse)";
newDiv.innerText = 'This is a new section after clicking the button';
acc.appendChild(newH3);
acc.appendChild(newDiv);
});
} );Run Code Online (Sandbox Code Playgroud)
h3 { background-color: "blue"; }
div { background-color: "lightgreen"; }Run Code Online (Sandbox Code Playgroud)
<div id="accordion">
<h3>Section 1 (collapsible)</h3>
<div>
<p>
This is the context in section …Run Code Online (Sandbox Code Playgroud)我有一个看起来像这样的页面:
<div data-role="view" id="side-root" data-title="Check-Boxes" data-model="myViewModel">
<ul data-title="People" data-role="listview" data-bind="source: dsPeople" data-template="person_list_item" data-style="inset"></ul>
</div>
<script id="person_list_item" type="text/x-kendo-template">
<label>
<span data-bind="text: firstName"></span> <span data-bind="text: lastName"></span>
<input type="checkbox" data-bind="checked: isChecked, click: clickHandler"/>
</label>
</script>
Run Code Online (Sandbox Code Playgroud)
现在,绑定到isChecked字段的MVVM正常工作,但从不调用clickHandler.如果我从data-bind值中删除"checked:isChecked"绑定,则会调用clickHandler.
我也尝试为复选框设置数据绑定,如:
data-bind="checked: isChecked, events: { click: clickHandler }"
Run Code Online (Sandbox Code Playgroud)
具有相同的行为.
这是设计,还是我错误配置了什么?
谢谢
在jQuery函数中,我需要遍历具有相同类的几个HTML元素,并在每次迭代中将特定字符串与这些元素的内容进行比较。
谁能给我一些技巧来做到这一点?
我使用Kendo UI网格,并使用自定义模板进行弹出式添加/编辑表单。这是我的演示。
仅在编辑记录时,我要在弹出表单中隐藏FirstName和LastName输入字段,而不要在“添加”上。
有谁知道该怎么做?谢谢。
下面是我的代码:
HTML:
<!-- grid element -->
<div id="grid" style="width: 700px; margin: 0 auto;"></div>
<!-- popup editor template -->
<script id="popup_editor" type="text/x-kendo-template">
<p>Custom editor template</p>
<div class="k-edit-label">
<label for="FirstName">First Name</label>
</div>
<!-- autoComplete editor for field: "FirstName" -->
<input type="text" class="k-input k-textbox" data-bind="value:FirstName"/>
<div class="k-edit-label">
<label for="LastName" style="color: red;">Last Name</label>
</div>
<input type="text" class="k-input k-textbox" name="LastName" data-bind="value:LastName">
<div class="k-edit-label">
<label for="BirthDate">Birth Date</label>
</div>
<!-- datepicker editor for …Run Code Online (Sandbox Code Playgroud) 我怎样才能改变CSS从javascript.
我正在使用jQuery-ui Dialog,我想改变DIVjavascript 的风格.
谢谢
我有以下代码,但是如果input.formdate找不到它仍然会运行该getDateFormat函数.这对我来说没有意义.
有谁知道原因?
$(function() {
$("input.formdate").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: getDateFormat()
});
});
function getDateFormat()
{
var format = 'DMY';
if (document.edit_form && document.edit_form.date_format)
format = document.edit_form.date_format.value;
if (format = "DMY")
return "dd-mm-yy";
else
return "mm-dd-yy";
}
Run Code Online (Sandbox Code Playgroud) jquery ×9
javascript ×6
jquery-ui ×5
charts ×2
highcharts ×2
html ×2
kendo-ui ×2
accordion ×1
class ×1
css ×1
data-binding ×1
dynamic ×1
function ×1
gauge ×1
kendo-grid ×1
kendo-mobile ×1
kendo-mvvm ×1
sortables ×1