javascript

java

python

c#

node.js

android

reactjs

c++

php

jquery

html

css

git

ruby-on-rails

.net

ios

sql

c

string

ruby

jQuery-Chrome中的select选项元素上的Click事件

我在click中遇到以下问题:

var items = $("option", obj);  

items.each(function(){

    $(this).click(function(){

        // alert("test");
        process($(this).html());
        return false;
    });
});

click事件似乎并未在option中引发,但在<li>中起作用。

我想通过组合从option元素上获取click,如果我改为使用另一种元素,则说<li>可以正常工作。 有任何想法吗? 谢谢。

trans by 2019-10-15T22:11:33Z

jQuery:包含选择器以搜索多个字符串

假设我有:

<li id="1">Mary</li>
<li id="2">John, Mary, Dave</li>
<li id="3">John, Dave, Mary</li>
<li id="4">John</li>

如果我需要查找包含“ John”和“ Mary”的所有<li>元素,我将如何构造jQuery?

搜索单个字符串似乎很容易:

$('li:contains("John")').text()

我正在寻找类似以下伪代码的内容:

$('li:contains("John")' && 'li:contains("Mary")').text()

谢谢!

trans by 2019-10-15T15:19:02Z

jQuery文本淡入/从一种文本过渡到另一种?

jQuery显然可以轻松地淡入/淡出文本。 但是,如果要将文本从一件事更改为另一件事怎么办? 过渡会发生这种情况吗?

例:

<div id='container'>Hello</div>

能否将文字“ Hello to World”更改为“ Hello to World”,但是否进行过渡(例如淡入淡出或某种效果)而不是立即进行更改?

trans by 2019-10-15T09:25:31Z

javascript-使用TypeScript设置window.location

以下TypeScript代码出现错误:

 ///<reference path='../../../Shared/typescript/jquery.d.ts' />
 ///<reference path='../../../Shared/typescript/jqueryStatic.d.ts' />

 function accessControls(action: Action) {
    $('#logoutLink')
        .click(function () {
            var $link = $(this);
            window.location = $link.attr('data-href');
        });

 }

我收到以下内容的带下划线的红色错误:

$link.attr('data-href'); 

消息说:

Cannot convert 'string' to 'Location': Type 'String' is missing property 'reload' from type 'Location'

有人知道这意味着什么吗?

trans by 2019-10-15T08:50:24Z

jQuery size()方法vs长度属性

$(".selector").size()$(".selector").length之间有什么区别?

trans by 2019-10-15T03:50:15Z

如何在jQuery / javascript中获取边框宽度

我如何解析边框宽度

display:none

在jQuery / javascript中?

display:none

不这样做。

注意我需要从css解析宽度,因为该元素可能是display:none

谢谢

编辑我实际上并没有使用内联样式,我只是为了简单起见以这种方式编写了该代码,因为我没有意识到任何令人讨厌的差异。 虽然对于内联样式它似乎工作正常,但是仍然无法从已应用的CSS类中获取任何值。

trans by 2019-10-14T23:59:23Z

表单提交之前的jQuery函数

我试图在单击表单提交按钮时使用Jquery触发一个函数,但是该函数需要在实际提交表单之前触发。

我正在尝试在提交时将一些div标记属性复制到隐藏的文本字段中,然后提交表单。

我已经设法使用mouseover功能(将提交按钮悬停在鼠标上)将其工作,但是在使用触摸的移动设备上将无法使用。

$("#create-card-process.design #submit").on("mouseover", function () {
    var textStyleCSS = $("#cover-text").attr('style');
    var textbackgroundCSS = $("#cover-text-wrapper").attr('style');
    $("#cover_text_css").val(textStyleCSS);
    $("#cover_text_background_css").val(textbackgroundCSS);
});

我已经使用过.submit函数,但是值未保存在字段中,因为该函数在提交表单时(而不是之前)触发。

非常感谢

trans by 2019-10-14T21:46:57Z

dom遍历-jQuery查找最匹配的元素

我有一系列带列的行,我想选择input字段(价格输入)的上一列中的input字段的值,该字段在释放键时在上面调用函数。

我试过了:

quantity = $(this).parent().parent().children().val() ;
quantity = $(this).parent().parent().children().closest('.inputQty', this).val() ;

但是都没有用。

DOM的示例:

<div class="row">
    <div class="column"><input class="inputQty" id="quantity0" /></div>
    <div class="column"><input class="someOther" id="Other0" /></div>
    <div class="column">
        <div class="cSelect">
            <select id="currency0"><option>£</option></select>
            <input class="price" id="price0" />
        </div>
    </div>
</div>
trans by 2019-10-14T20:35:41Z

javascript-jQuery,检查数组或n中是否存在值

这个问题在这里已有答案:

  • 如何检查数组是否在JavaScript中包含对象?                                     46个回答

我相信对于使用Java脚本/ jquery的人来说,这个问题将相当容易。

var arr = new Array();

$.map(arr, function() {
 if (this.id == productID) {
   this.price = productPrice;
 }else {
  arr.push({id: productID, price: productPrice})
 }
}

我猜上面的代码以非常简单的方式解释了我想要的东西。 我可以想象这个$ .map会像这样工作,但是不幸的是我无法获得结果。

最简单,最优雅的方法是什么? 我是否真的要遍历所有数组以查找键的值是否存在?

jQuery是否具有类似isset($array['key'])的内容?

编辑

我尝试使用inArray,但是即使有匹配项,它也会继续向数组添加对象。

if ( $.inArray(productID, arr) > -1) {
   var number = $.inArray(productID, arr);
   orderInfo[number].price = parseFloat(productPrice);
}else {
   orderInfo.push({id:productID, price:parseFloat(productPrice)});
}
trans by 2019-10-14T17:11:02Z

选择-jQuery在列表顶部添加空白选项,并选择现有下拉菜单

所以我有一个下拉列表

<select id="theSelectId">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

这就是我想要的

<select id="theSelectId">
  <option value="" selected="selected"></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

尝试在之前添加空白选项并将其设置为该选项时,要强制用户从原始列表中选择一个值,但是希望他们在看到必须选择的选项时将其空白。

尝试这个但不起作用

// Add blank option
var blankOption = {optVal : ''};
$.each(blankOption, function(optVal, text) {
   $('<option></option>').val(optVal).html(text).preprendTo('#theSelectId');
});

我已经尝试过了,但清除了其他值

$('#theSelectId option').prependTo('<option value=""></option>');
trans by 2019-10-14T14:26:17Z

jQuery Uncaught TypeError:无法读取未定义的属性“ fn”(匿名函数)

所有,我从我下载的一些代码中得到了一个错误。 这是代码:

/*----------------------------------------------------------------------*/
/* wl_Alert v 1.1 
/* description: Handles alert boxes
/* dependency: jquery UI Slider, fadeOutSlide plugin
/*----------------------------------------------------------------------*/


$.fn.wl_Alert = function (method) {
var args = arguments;
return this.each(function () {

    var $this = $(this);


    if ($.fn.wl_Alert.methods[method]) {
        return $.fn.wl_Alert.methods[method].apply(this, Array.prototype.slice.call(args, 1));
    } else if (typeof method === 'object' || !method) {
        if ($this.data('wl_Alert')) {
            var opts = $.extend({}, $this.data('wl_Alert'), method);
        } else {

            var opts = $.extend({}, $.fn.wl_Alert.defaults, method, $this.data());
        }
    } else {
        $.error('Method "' + method + '" does not exist');
    }


    if (!$this.data('wl_Alert')) {

        $this.data('wl_Alert', {});

        //bind click events to hide alert box
        $this.bind('click.wl_Alert', function (event) {
            event.preventDefault();

            //Don't hide if it is sticky
            if (!$this.data('wl_Alert').sticky) {
                $.fn.wl_Alert.methods.close.call($this[0]);
            }

            //prevent hiding the box if an inline link is clicked
        }).find('a').bind('click.wl_Alert', function (event) {
            event.stopPropagation();
        });
    } else {

    }
    //show it if it is hidden
    if ($this.is(':hidden')) {
        $this.slideDown(opts.speed / 2);
    }

    if (opts) $.extend($this.data('wl_Alert'), opts);
});

};

$.fn.wl_Alert.defaults = {
speed: 500,
sticky: false,
onBeforeClose: function (element) {},
onClose: function (element) {}
};
$.fn.wl_Alert.version = '1.1';


$.fn.wl_Alert.methods = {
close: function () {
    var $this = $(this),
        opts = $this.data('wl_Alert');
    //call callback and stop if it returns false
    if (opts.onBeforeClose.call(this, $this) === false) {
        return false;
    };
    //fadeout and call an callback
    $this.fadeOutSlide(opts.speed, function () {
        opts.onClose.call($this[0], $this);
    });
},
set: function () {
    var $this = $(this),
        options = {};
    if (typeof arguments[0] === 'object') {
        options = arguments[0];
    } else if (arguments[0] && arguments[1] !== undefined) {
        options[arguments[0]] = arguments[1];
    }
    $.each(options, function (key, value) {
        if ($.fn.wl_Alert.defaults[key] !== undefined || $.fn.wl_Alert.defaults[key] == null) {
            $this.data('wl_Alert')[key] = value;
        } else {
            $.error('Key "' + key + '" is not defined');
        }
    });

}
};

//to create an alert box on the fly
$.wl_Alert = function (text, cssclass, insert, after, options) {
//go thru all
$('div.alert').each(function () {
    var _this = $(this);
    //...and hide if one with the same text is allready set
    if (_this.text() == text) {
        _this.slideUp($.fn.wl_Alert.defaults.speed);
    }
});

//create a new DOM element and inject it
var al = $('<div class="alert ' + cssclass + '">' + text + '</div>').hide();
(after) ? al.appendTo(insert).wl_Alert(options) : al.prependTo(insert).wl_Alert(options);

//return the element
return al;
};

以前有没有人见过这种类型的错误? 我将如何解决这样的问题? 感谢您的任何建议!

trans by 2019-10-14T10:26:31Z

jQuery选择器来计算可见表行的数量?

我有这个HTML:

<table>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:none"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
    <tr style="display:table-row"><td>blah</td></tr>
</table>

我需要计算没有display:none的行数。我该怎么做?

trans by 2019-10-14T07:16:55Z

javascript-js:访问父类的范围

我在javascript中的普通类中有一个jquery类。 是否可以从jquery类中的回调函数访问父类范围内的变量?

我的意思的简单示例如下所示

var simpleClass = function () {    
    this.status = "pending";
    this.target = jqueryObject;
    this.updateStatus = function() {
        this.target.fadeOut("fast",function () {
           this.status = "complete"; //this needs to update the parent class 
        });
    };
};

现在,在上面的示例中,回调函数尝试访问jquery对象的范围。 有什么方法可以访问父类中的状态变量?

trans by 2019-10-14T06:10:54Z

使用jQuery或其他库的Apple Cover-flow效果?

有谁知道如何使用JavaScript滚动查看一堆图像来实现覆盖效果。 我不是在谈论3D旋转iTunes的封面,而是当您点击文档文件夹中的空格键并允许您以灯箱方式预览它们时发生的效果。

trans by 2019-10-13T23:43:18Z

javascript-如何使用jQuery.ajax和FormD上传文件

当我使用XMLHttpRequest时,可以使用jQuery.ajax正确上载文件。但是,当我切换到jQuery.ajax时,我的代码会中断。

这是有效的原始代码:

function uploadFile(blobFile, fileName) {
    var fd = new FormData();
    fd.append("fileToUpload", blobFile);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "upload.php", true);
    xhr.send(fd);
}

这是我失败的jQuery.ajax尝试:

function uploadFile(blobFile, fileName) {
    var fd = new FormData();
    fd.append("fileToUpload", blobFile);
    var xm = $.ajax({
        url: "upload.php",
        type: "POST",
        data: fd,
    });
}

我究竟做错了什么? 如何使用AJAX正确上传文件?

trans by 2019-10-13T22:35:00Z

CSS-jQuery:暂时更改样式,然后重置为原始类

假设我有一个名为testThing的类:

.testThing
{
   background-color:#000000;
   float:left;
   height:50px;
   width:50px;
}

我希望能够通过单击按钮来测试背景色更改为该类的任何控件:

function setColor(someColor) 
{
   jQuery('.testThing').css('background-color', someColor);
}

但是我希望用户能够根据类的内容将其重置为原始颜色(单击另一个按钮):

function resetClass()
{
   jQuery('#currentColor').removeClass('testThing');
   jQuery('#currentColor').addClass('testThing');
}

看起来像这样会起作用(虽然这不是最好的方法),但是控件的背景色不会重置为该类中保留的原始值。

现在我需要弄清楚为什么添加的remove不会重置它,或者只是做起来更好的一种方法...看到删除并读取该类似乎很愚蠢...

trans by 2019-10-13T20:07:15Z

jQuery Sortable-选择并拖动多个列表项

我有一个设计,其中有一个“可用框”列表,用户通过将框从“可用框”列表拖到“我的框”列表中来选取框。

用户经常一次不带多个包装盒(最多20个),一旦完成包装盒,便将其拖回到“可用包装盒”列表中以返回它们。

jQuery sortable允许我一次拖动一个框,这从用户角度来看是不可取的。 我一直无法提出一个简单的解决方案。

我可能必须完全提出另一种UI方法,但是首先有人对如何实现此方法有任何建议吗?

谢谢!

trans by 2019-10-13T18:23:45Z

jquery-HAML中Javascript中的Ruby方法

我有一个jQuery脚本,它将一个新字段添加到窗体,并且此字段包含来自数组的动态信息。 问题是我无法弄清楚如何添加一个array.each来填充javascript中select字段的选项而不会破坏HAML缩进并导致错误。

这是我的最佳尝试,不起作用:

%script(type="text/javascript")  
  $('#mylink').click(function() {  
  $('#mylink').after('<select>  
  - myarray.each do |options|  
     <option value="#{options.id}">#{options.name}</option>  
  </select>);  
  )};

还尝试了:javascript过滤器,但没有运气。

trans by 2019-10-13T11:29:46Z

jQuery-如何检测滚动方向

当有人向下滚动某个元素时,我想运行一个函数。 像这样:

 $('div').scrollDown(function(){ alert('down') });
 $('div').scrollUp(function(){ alert('up') });

但是这些功能不存在。 有解决这个问题的方法吗? 他们似乎能够做到。 不幸的是,源代码已被压缩,因此没有运气。

谢谢!!

trans by 2019-10-13T10:12:13Z

jQuery-X秒钟后使用JavaScript等待页面重定向

输入错误消息后5秒钟后,我需要重定向到特定的网址。 首先,我使用了Javascript,如下所示。

document.ready(window.setTimeout(location.href = "https://www.google.co.in",5000));

但这不是等待5秒。 比我在google中搜索问题要了解的是,在DOM(而非Web浏览器)中加载文档时会调用“ document.ready()”。

比起我已经使用过jQuery的window.load()函数,但是我仍然没有得到想要的东西。

$(window).load(function() {
               window.setTimeout(window.location.href = "https://www.google.co.in",5000);
            });

谁能让我知道我需要等待5秒的确切时间。

trans by 2019-10-13T09:10:46Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共99页