小编Gan*_*dav的帖子

如何以编程方式触发jQuery UI的AutoComplete更改事件处理程序？

挂钩

$("#CompanyList").autocomplete({ 
    source: context.companies, 
    change: handleCompanyChanged 
});

杂项尝试迄今为止

$("#CompanyList").change();
$("#CompanyList").trigger("change");
$("#CompanyList").triggerHandler("change");

基于其他答案它应该工作:

如何在代码中触发jQuery更改事件

jQuery自动完成和更改问题

JQuery自动完成帮助

当我通过浏览器手动与AutoComplete输入交互时,change事件按预期触发; 但是我想在某些情况下以编程方式触发更改事件.

我错过了什么？

我使用jquery的datepicker为一个字段设置出生日期,同时显示默认选择器,提供每月滚动到日期的选项,听起来很乏味.有没有办法可以直接改变年份,而不是用数月来轮流改变年份.

在页面加载禁用输入后,我遇到了重新启用输入的问题.

我正在使用两个输入来接受两个日期,但我希望第二个输入在第一个输入有值之前不会启用.

<div id="date1" data-role="fieldcontain">
    <label for="date1-start" id="date1-startlbl">Start Date</label>
    <input name="date1-start" id="date1-start" type="date" data-role="datebox"data-options='{"mode": "calbox", "overrideDateFormat": "%Y-%m-%d", "beforeToday": true}' data-theme="a" onchange="showdate()"/>
    <label for="date1-end" id="date1-endlbl">End Date</label>   
    <input name="date1-end" id="date1-end" type="date" data-role="datebox" data-options='{"mode": "calbox", "overrideDateFormat": "%Y-%m-%d", "beforeToday": true}' data-theme="a" onchange="datechart()"/>
</div>

第二个输入在页面加载时成功禁用.

$("#date1-end").prop("disabled", true);

第一个日期有一个调用以下函数的onchange事件

function showdate(){
    if ($("#date1-start").val() != null){
        if ($("#date1-end").val() != ""){
            datechart();
        }
        else{
            $("#date1-end").prop("disabled", false);
            $("#date1-end").trigger('change');
        }
    }
}

当到达时,该函数被调用并且prop("disabled",false)没有任何错误,但输入仍然被禁用.我正在使用的触发器('更改')是尝试刷新元素,但没有它就存在同样的问题.

我从旧版本的Jquery尝试了.attr的不同变体,但我也遇到了同样的问题.

我使用的是Jquery 1.9.1,Jquery-mobile 1.3.1和phonegap 2.7.0

任何指示我正确方向的帮助将不胜感激.

我想在点击bx寻呼机项目后继续自动滑动.

这是代码:

$(document).ready(function () {
    $('.bxslider').bxSlider({
        mode: 'horizontal', //mode: 'fade',            
        speed: 500,
        auto: true,
        infiniteLoop: true,
        hideControlOnEnd: true,
        useCSS: false
    });

    $(".bx-pager-link").click(function () {
        console.log('bla');            
        slider = $('.bxslider').bxSlider();
        slider.stopAuto();
        slider.startAuto();
        //slider.stopShow();
        //slider.startShow();
    });
});

uncommented stopShow()和startShow()函数根本不起作用.startAuto()继续播放幻灯片,但bx寻呼机导航被冻结.即使出现新幻灯片,活动点仍保持活动状态.怎么解决？

我有一个视频元素用作我正在构建的页面底部的部分的背景.我试图通过将src存储为data-src属性并使用jQuery在其他资源加载后将其应用于src属性来构建一种"延迟加载"(因为它不是英雄图像或任何事情,我想加载海报以节省切割加载时间,然后加载视频).它根本不适合我.src属性已正确应用,但视频未加载或自动播放.我是从错误的角度接近这个吗？有没有更好的方法来实现它？

建立在wordpress上.

基本的HTML

<video width="100%" loop controls autoplay class="connect-bg">
    <source data-src="<?php echo get_template_directory_uri(); ?>/contact_Footer.mp4" type="video/mp4">
</video>

jQuery函数

$(window).load(function(){
    footer_lazyloader();
});

function footer_lazyloader() {
    var $ = jQuery;

    $("video.connect-bg source").each(function(){
        var sourceFile = $(this).attr('data-src');
        $(this).attr('src',sourceFile);
    });
}

我已经能够创建一个函数来成功切换ng-table中的行以扩展click,但是,再次单击它们时它们将不会隐藏.javascript中的函数是:

$scope.toggle = function() {
    return !this.booleanVal;
}; 

它booleanVal是json文件中的值(每行都有自己的值).然后在HTML中.

<p class="row_description more" ng-click="row.booleanVal = toggle()">{{row.description}</p>
<div class="check-element animate-show" ng-show="row.booleanVal">

它适用于第一次单击,将之前的false转换booleanVal为true,但是,它不会toggle返回false.知道出了什么问题吗？

输入时focus我想改变标签元素的颜色.我怎样才能更少地实现这一目标？

.control-label{
      color: @gray-light;
}
.controls{
  input,
  textarea{
    background-color:red; 
    &:focus{
      .control-label &{
        color: red;  //HERE
      }

    }
}

HTML:

<div class="control-group">
    <label class="control-label" for="inputEmail">Firstname</label>
    <div class="controls">
        <input type="text" id="inputEmail" placeholder="Firstname">
    </div>
</div>

我有一个像这样的Jquery UI datepicker.

我只能从datepicker中选择月份和年份.
码:-

$('#datepicker').datepicker({
     changeMonth: true,
     changeYear: true,
     showButtonPanel: true,
     dateFormat: 'M yy',
     maxDate: '0',                      
     onClose: function() {
          var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
          var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
          $(this).datepicker('setDate', new Date(iYear, iMonth, 1));                              
    },
     beforeShow: function(input, inst) {
          $(inst.dpDiv).addClass('calendar-off');                             
     }
});

如果我设置 maxDate: '0'最大月份和年份,我可以选择当前月份和当前年份.
我想使用jquery设置最大月份和年份.对于包含日期,月份,年份的普通日期选择器,首先我删除此maxDate: '0'代码,然后使用以下代码设置最大日期

var maximumDate = '07-15-2013';
$("#datepicker" ).datepicker( "option", "maxDate", maximumDate);

如何设置月份和年份选择器的最大日期？上面的代码在这种情况下不起作用.请给我你的建议.

我bxSlider用360度的css旋转做了.这在除Safari之外的所有浏览器中都能正常工作.

谁能帮我这个？请在此处找到链接.代码如下:

    $('#TestimonialUL').bxSlider({
    pager: false,
    mode: 'fade',
    onSliderLoad: function () {
        $('#TestimonialUL > li').eq(0).addClass('active-slide');
    },
    onSlideNext: function (){
        $('#TestimonialUL').css({
            'transition': 'transform 0.8s cubic-bezier(1, 0, 0, 1) 0s',
            '-o-transition': 'transform 0.8s cubic-bezier(1, 0, 0, 1) 0s',
            '-moz-transition': 'transform 0.8s cubic-bezier(1, 0, 0, 1) 0s',
            '-webkit-transition': 'transform 0.8s cubic-bezier(1, 0, 0, 1) 0s', 
            '-moz-backface-visibility': 'hidden',
            '-webkit-backface-visibility': 'hidden',
            'backface-visibility': 'hidden',
            '-o-transform': 'rotateY(-360deg)',
            '-moz-transform': 'rotateY(-360deg)',
            '-webkit-transform': 'rotateY(-360deg)',
            'transform': 'rotateY(-360deg)'
        }); 

        $('.client-innerBG .bx-viewport').css({
            '-o-perspective': '800px',
            '-moz-perspective': '800px',
            '-webkit-perspective': '800px',
            'perspective': '800px', …

我想用javascript或jquery制作这个形状:

这些点将是动态的,并且在径向圆中的任何位置.它也需要响应.

这有插件吗？