小编Rah*_*pta的帖子

jQuery sortable('disable')来自start事件并不像预期的那样完全正常工作

以下代码不会完全禁用start事件的sortables.它将添加类ui-sortable-disabledui-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)

我想要这样做的原因是拖动启动是因为我可能需要禁用已经包含被拖动项目的其他已连接的可排序项(为了简化我省略了逻辑).这是一个错误还是有办法绕过它?

javascript jquery jquery-ui sortables jquery-ui-sortable

4
推荐指数
1
解决办法
4241
查看次数

在highcharts上动态更新仪表

我在大学网站项目中工作,我选择使用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 charts dynamic highcharts gauge

4
推荐指数
1
解决办法
6536
查看次数

JQuery UI selectmenu不是一个函数

我正在尝试使用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"被报告为不是函数...

html javascript jquery jquery-ui jquery-ui-selectmenu

4
推荐指数
1
解决办法
1万
查看次数

删除 X 轴上的线条和代码

尝试从 highcharts 图表中删除 X 轴线和股票代码,但似乎不起作用。

xAxis: {
    categories:[],
    labels: {enabled: false},
    tickLength: 0,
}
Run Code Online (Sandbox Code Playgroud)

我能够删除 x 轴标签和其他所有内容,但无论我做什么,图表底部的线条和各种刻度线仍然保留在那里。奇怪的是,在 Y 轴上我没有得到这种行为:一旦我删除了标签,其他所有内容都消失了,没有留下线条,也没有刻度。

这是 Highcharts 中的错误吗?

jquery charts highcharts

3
推荐指数
1
解决办法
3899
查看次数

jquery-ui accordion - 如何动态创建新的部分

我想知道是否存在可以使用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)

javascript jquery jquery-ui accordion jquery-ui-accordion

3
推荐指数
1
解决办法
654
查看次数

Kendo UI - 如何绑定已检查属性(属性)并使用Kendo MVVM处理viewModel复选框的click事件

我有一个看起来像这样的页面:

<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)

具有相同的行为.

这是设计,还是我错误配置了什么?

谢谢

data-binding event-binding kendo-ui kendo-mobile kendo-mvvm

2
推荐指数
1
解决办法
9400
查看次数

jQuery遍历具有通用类的HTML元素,并比较与内容给出的字符串

在jQuery函数中,我需要遍历具有相同类的几个HTML元素,并在每次迭代中将特定字符串与这些元素的内容进行比较。

谁能给我一些技巧来做到这一点?

html jquery class string-comparison

2
推荐指数
1
解决办法
5290
查看次数

Kendo ui网格弹出编辑器表单模板-如何在编辑时隐藏某些字段,而不在添加时隐藏某些字段

我使用Kendo UI网格,并使用自定义模板进行弹出式添加/编辑表单。这是我的演示

仅在编辑记录时,我要在弹出表单中隐藏FirstNameLastName输入字段,而不要在“添加”上。

有谁知道该怎么做?谢谢。

下面是我的代码:

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)

javascript jquery kendo-ui kendo-grid kendo-template

2
推荐指数
1
解决办法
4442
查看次数

如何使用javascript或jquery更改html元素的css属性

我怎样才能改变CSSjavascript.

我正在使用jQuery-ui Dialog,我想改变DIVjavascript 的风格.

谢谢

javascript css jquery jquery-ui jquery-ui-dialog

1
推荐指数
1
解决办法
558
查看次数

为什么在没有找到元素时运行该函数?

我有以下代码,但是如果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)

javascript jquery jquery-ui function jquery-ui-datepicker

1
推荐指数
2
解决办法
172
查看次数