javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

CSS-使用jQuery设置div高度(拉伸div高度)

我有3个div,它们的ID为:)content和2769071539860538538370。页眉和页脚具有固定的高度,它们的样式设置为浮动在顶部和底部。 我想用jquery自动计算中间的content高度。 我怎样才能做到这一点?

#header {
    height: 35px;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 2;
}
#footer {
    height: 35px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

在此先感谢... :)

炸药

trans by 2020-02-29T14:40:39Z

javascript-输入tex内的图像

如何创建自定义输入文本元素,以将图像与文本结合在一起?

基本上,这些图像是从CDN加载的图释。

澄清:
我希望实现的是<input type="text" />元素,该元素可能包含图像作为输入的一部分。

trans by 2020-02-29T11:56:07Z

javascript-如何在jquery ajax成功回调函数中传递上下文

var Box = function(){
    this.parm = {name:"rajakvk",year:2010};
    Box.prototype.jspCall = function() {
        $.ajax({
            type: "post",
            url: "some url",
            success: this.exeSuccess,
            error: this.exeError,
            complete: this.exeComplete
        });
    }
    this.exeSuccess = function(){
        alert(this.parm.name);
    }
}

我没有在exeSuccess方法中获取Box对象。 如何在exeSuccess方法内传递Box对象?

trans by 2020-02-29T11:44:31Z

javascript-浏览器大小(宽度和高度)

我正在尝试检测浏览器的当前大小(宽度和高度)。 我知道在带有$(document).width and $(document).height264的jQuery中超级容易,但是我不想将jQuery库的大小添加到项目中,因此我只想使用内置的JavaScript。 用JavaScript做同样的事情的快捷简便的方法是什么?

trans by 2020-02-23T03:28:30Z

jQuery-是否有用于制作vh和vw单元的跨浏览器JavaScript

注意:好的,当我输入这个问题时,我遇到了这个问题   建议使用vh的问题,但在   2011 ...

如您所知,CSS3引入了新的Viewport-percentage长度单位vh和275954850253452121857,我认为它们对于可靠的响应式布局确实很有用,所以我的问题是,对此是否有JavaScript / jQuery替代品? 除了将其用于字体大小之外,是否可以安全地用于元素大小调整? 像例子

div {
   height: 6vh;
   width: 20vh;  /* Note am using vh for both, do I need to use vw for width here? */
}
trans by 2020-02-23T01:00:18Z

jQuery-Twitter Bootstrap Mod中的自动对焦输入

我有这样的问题-我需要在twitter bootstrap modal内部自动聚焦一些元素(在显示之后)。 棘手的部分在这里-使用'data-remote'(jQuery.load方法)从单独的HTML文件加载此模式的内容,因此

$(document).on('shown', ".modal", function() {
    $('[autofocus]', this).focus();
});

仅在之前加载模式时有效。
问题是-如何使自动对焦在模态负载首次出现时工作?

trans by 2020-02-23T00:20:27Z

javascript-使用CSS变换的jQuery拖动/调整大小

我正在应用CSS转换(以及特定于浏览器的-webkit,-o等):

变换:matrix(0.5,0,0,0.5,0,0);

到div,然后在该div的子级上使用jQuery的draggable()和resizable()插件。

我遇到的问题是,当拖动或调整子元素的大小时,jQuery所做的更改与鼠标“同步”的程度等于应用的缩放比例。

我找到了一个关于stackoverflow的解决方案(尽管我愚蠢地没有将其添加为书签,现在却找不到它。。。)建议修补插件,并且效果很好。 它遵循以下原则:

function monkeyPatch_mouseStart() {
  // don't really need this, but in case I did, I could store it and chain
  // var oldFn = $.ui.draggable.prototype._mouseStart ;
  $.ui.draggable.prototype._mouseStart = function(event) {

    var o = this.options;

    //Create and append the visible helper
    this.helper = this._createHelper(event);

    //Cache the helper size
    this._cacheHelperProportions();

    //If ddmanager is used for droppables, set the global draggable
    if($.ui.ddmanager)
      $.ui.ddmanager.current = this;

    /*
     * - Position generation -
     * This block generates everything position related - it's the core of draggables.
     */

    //Cache the margins of the original element
    this._cacheMargins();

    //Store the helper's css position
    this.cssPosition = this.helper.css("position");
    this.scrollParent = this.helper.scrollParent();

    //The element's absolute position on the page minus margins

    //PATCH CODE
    this.offset = this.positionAbs = getViewOffset(this.element[0]);
    //END

    this.offset = {
      top: this.offset.top - this.margins.top,
      left: this.offset.left - this.margins.left
    };

    $.extend(this.offset, {
      click: { //Where the click happened, relative to the element
        left: event.pageX - this.offset.left,
        top: event.pageY - this.offset.top
      },
      parent: this._getParentOffset(),
      relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
    });

    //Generate the original position
    this.originalPosition = this.position = this._generatePosition(event);
    this.originalPageX = event.pageX;
    this.originalPageY = event.pageY;

    //Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
    if(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt)){
    }

    //Set a containment if given in the options
    if(o.containment)
      this._setContainment();

    //Trigger event + callbacks
    if(this._trigger("start", event) === false) {
      this._clear();
      return false;
    }

    //Recache the helper size
    this._cacheHelperProportions();

    //Prepare the droppable offsets
    if ($.ui.ddmanager && !o.dropBehaviour)
      $.ui.ddmanager.prepareOffsets(this, event);

    this.helper.addClass("ui-draggable-dragging");
    this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position

    //If the ddmanager is used for droppables, inform the manager that dragging has started (see #5003)
    if ( $.ui.ddmanager && $.ui.ddmanager.dragStart) $.ui.ddmanager.dragStart(this, event);

    return true;
  }
 }

function getViewOffset(node) {
  var x = 0, y = 0, win = node.ownerDocument.defaultView || window;
  if (node) addOffset(node);
  return { left: x, top: y };

  function getStyle(node) {
    return node.currentStyle || // IE
           win.getComputedStyle(node, '');
  }

  function addOffset(node) {
    var p = node.offsetParent, style, X, Y;
    x += parseInt(node.offsetLeft, 10) || 0;
    y += parseInt(node.offsetTop, 10) || 0;

    if (p) {
      x -= parseInt(p.scrollLeft, 10) || 0;
      y -= parseInt(p.scrollTop, 10) || 0;

      if (p.nodeType == 1) {
        var parentStyle = getStyle(p)
          , localName   = p.localName
          , parent      = node.parentNode;
        if (parentStyle.position != 'static') {
          x += parseInt(parentStyle.borderLeftWidth, 10) || 0;
          y += parseInt(parentStyle.borderTopWidth, 10) || 0;

          if (localName == 'TABLE') {
            x += parseInt(parentStyle.paddingLeft, 10) || 0;
            y += parseInt(parentStyle.paddingTop, 10) || 0;
          }
          else if (localName == 'BODY') {
            style = getStyle(node);
            x += parseInt(style.marginLeft, 10) || 0;
            y += parseInt(style.marginTop, 10) || 0;
          }
        }
        else if (localName == 'BODY') {
          x += parseInt(parentStyle.borderLeftWidth, 10) || 0;
          y += parseInt(parentStyle.borderTopWidth, 10) || 0;
        }

        while (p != parent) {
          x -= parseInt(parent.scrollLeft, 10) || 0;
          y -= parseInt(parent.scrollTop, 10) || 0;
          parent = parent.parentNode;
        }
        addOffset(p);
      }
    }
    else {
      if (node.localName == 'BODY') {
        style = getStyle(node);
        x += parseInt(style.borderLeftWidth, 10) || 0;
        y += parseInt(style.borderTopWidth, 10) || 0;

        var htmlStyle = getStyle(node.parentNode);
        x -= parseInt(htmlStyle.paddingLeft, 10) || 0;
        y -= parseInt(htmlStyle.paddingTop, 10) || 0;
      }

      if ((X = node.scrollLeft)) x += parseInt(X, 10) || 0;
      if ((Y = node.scrollTop))  y += parseInt(Y, 10) || 0;
    }
  }
}
var isNumber = function(value) {
  return !isNaN(parseInt(value, 10));
};

我已经做出了自己的更改,例如(您可以在6-7行上看到运动乘以“比例因子”):

 $.ui.draggable.prototype._generatePosition = function(event) {
    var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
    var pageX = event.pageX;
    var pageY = event.pageY;
    //PATCH CODE
    if($(this.element[0]).hasClass('item')){
        pageY = this.originalPageY + ((pageY - this.originalPageY)*(1/$.viewbox.foreground.scale));
        pageX = this.originalPageX + ((pageX - this.originalPageX)*(1/$.viewbox.foreground.scale));
    }
    //END
    /*
     * - Position constraining -
     * Constrain the position to a mix of grid, containment.
     */

    if(this.originalPosition) { //If we are not dragging yet, we won't check for options

      if(this.containment) {
        if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
        if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
        if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
        if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
      }

      if(o.grid) {
        var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
        pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;

        var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
        pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
      }
    }
    return {
      top: (
        pageY                               // The absolute mouse position
        - this.offset.click.top                         // Click offset (relative to the element)
        - this.offset.relative.top                        // Only for relative positioned nodes: Relative offset from element to offset parent
        - this.offset.parent.top                        // The offsetParent's offset without borders (offset + border)
        + ($.browser.safari && $.browser.version < 526 && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
      ),
      left: (
        pageX                               // The absolute mouse position
        - this.offset.click.left                        // Click offset (relative to the element)
        - this.offset.relative.left                       // Only for relative positioned nodes: Relative offset from element to offset parent
        - this.offset.parent.left                       // The offsetParent's offset without borders (offset + border)
        + ($.browser.safari && $.browser.version < 526 && this.cssPosition == 'fixed' ? 0 : ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
      )
    };

  }

非常感谢任何建议的人。

所以,我的问题! 有没有人遇到过一种很好的方式来在不需要修补jQuery的可缩放元素内具有可拖动/可调整大小的事件? 我已经用谷歌搜索,这是我能找到的最好的解决方案。 有谁知道用CSS转换替代在这种情况下可以工作的jquery?

非常感谢您的任何答复。

trans by 2020-02-22T20:59:22Z

使用jQuery验证的自定义错误标签放置(针对所有或部分错误)

我想在自定义位置放置一个错误标签(不是全部)。 jQuery提供了此[http://docs.jquery.com/Plugins/Validation/validate#toptions]选项,但我找不到有关如何放置一条特定错误消息并且不更改所有其余错误的默认位置的任何信息?

请务必检查以下所有答案。 有多种解决方案。 谢谢大家!

trans by 2020-02-22T20:04:10Z

javascript-可以访问刚刚附加到DOM的jquery元素

我只是在DOM上附加一个元素,例如:

$("#div_element").append('<a href="#">test</a>');

在我追加它之后,我需要访问我刚刚制作的以便将click函数绑定到它的元素,我尝试过:

$("#div_element").append('<a href="#">test</a>').click(function(){alert("test")});

但是上述方法不起作用。 我可以唯一地标识元素,但是似乎有很多工作要做,当也许有一种方法可以在添加元素后立即得到它。

trans by 2020-02-22T18:34:41Z

html-使用jQuery可调整大小的表列

这是我可以找到的唯一一个调整表列宽度大小的jQuery插件,但是它与我的表的集成度不高,并且具有不必要的膨胀(节省cookie)。 还有其他用于调整列大小的插件吗? (不是datagrid插件,请不要建议那些插件)。

如果没有,我会自己写,应该不会太难,我只是不知道如何检测用户何时单击td边框(以调整大小)。 有任何想法吗?

trans by 2020-02-22T16:48:57Z

jQuery-如何检测是否加载了javascript文件?

加载JavaScript文件时是否会触发事件? 之所以出现此问题,是因为YSlow建议将JavaScript文件移动到页面底部。 这意味着在加载包含function1的代码的js文件之前,会触发$(document).ready(function1)

如何避免这种情况?

trans by 2020-02-22T09:57:42Z

jQuery-单击图片即可开始/播放嵌入式(iframe)YouTube视频

我正在尝试通过单击图像来开始播放嵌入式youtube视频。 想法是在视频上方放置一个图像,然后单击该图像时淡出并开始播放视频。

我正在使用jquery淡化图像,并希望找到一种使用jquery播放或单击视频的方法。

褪色效果很好,但我不知道如何触发视频播放。通过将视频设置为自动播放并隐藏它,然后在单击图像时淡入视频,我可以在几个浏览器上使用它。 在大多数浏览器上,视频在淡入时将自动播放,但在Chrome浏览器中,即使隐藏了视频也开始自动播放。 它在iOS中也无法正常运行。

由于我对此很陌生,所以我什至不确定我是否100%正确地编写了它,但是我尝试了类似的尝试,但没有成功:

     $('#IMAGE').click(function() { $('#VIDEO').play(); });

那么,我将如何使视频在图片点击时播放?点击图片后,是否可以使用jquery播放视频?

先感谢您。

trans by 2020-02-22T05:39:07Z

jQuery-在与单击的元素相同的行中获取表单元格的文本值

我单击表格单元格中的链接。 我需要获取同一表行中特定单元格的值。

<tr>
    <td class="one">this</td>
    <td class="two">that</td>
    <td class="three">here</td>
    <td class="four"><a href="#">there</a></td>
</tr>
<tr>
    <td class="one">qwqw</td>
    <td class="two">dfgh</td>
    <td class="three">ui</td>
<td class="four"><a href="#">there</a></td>
</tr>

我将点击处理程序附加到第四个单元格中的链接。 该单击处理程序将调用一个打开模式窗口的函数。 提交模态中的表单时,我还想从单击链接到该模态的行中传递td class =“ two”的值。

这是发送模态的函数(问题区域正在为var Something获取正确的值):

var Send = function() {
    var Name = $( '#name' ).val();
    var Something = $(this).closest('td').siblings('.two').text(); // version 1. doesn't work
    var Something = $(this).closest('tr').siblings('td.two').text(); // version 2 also doesn't work
    var Something = $(this).attr('class'); // version 3. just a test but also doesn't work
    $.ajax( {
        async: false,
        data: { name: Name, somedata: Something },
        type: 'POST',
        url: the url
    });        
};

问题是我无法获得Something的正确值。 在与clicked元素相同的行中,其值为td class = two。

这一切在一起的方式是。 单击目标链接,该链接将调用一个名为Send_Click()的方法。 Send_Click会进行一些验证,然后调用Send(),但是从不填充Something的值。 这是因为this不是我想的吗? je!

trans by 2020-02-22T03:47:25Z

javascript-检测浏览器选项卡是否处于活动状态或用户已离开

如何检测用户是否切换到另一个浏览器选项卡?

目前,我有这个:

$(window).on("blur focus", function (e) {

    var prevType = $(this).data("prevType");

    if (prevType != e.type) { //  reduce double fire issues
        switch (e.type) {
            case "blur":
                $('.message').html('<div class="alert alert-error">Oops. You navigated away from the ads <a id="start" class="butt green">Resume</a></div>');

                var myDiv = $("#bar");
                myDiv.clearQueue();
                myDiv.stop();
                clearInterval($timer);
                $timer = null;
                break;
            case "focus":
                // do work
                break;
        }
    }

    $(this).data("prevType", e.type);
});

但这仅在用户最小化活动窗口时有效。

trans by 2020-02-22T03:34:15Z

闭包-jQuery美元符号($)作为函数参数?

我了解JavaScript闭包,并且已经在原生JS中看到了这一点:

(function () {
  // all JS code here
})();

但是,添加jQuery香料有什么作用?

(function ($) {
  // all JS code here
})(jQuery);
trans by 2020-02-22T02:57:36Z

ajax-将参数传递给jQuery .load()的最佳方法

将参数传递给.load是否有区别

$("#myDiv").load("myScript.php?var=x&var2=y&var3=z")

$("#myDiv").load("myScript.php", {var1:x, var2:y, var3:z})

此外,是否可以处理.load的大小有限制? 能够myScript.php返回几百行数据没有问题?

trans by 2020-02-22T00:55:48Z

javascript-将返回的json值存储在输入隐藏字段中

我想知道是否可以将return json存储在隐藏的输入字段中。 例如,这是我的json返回的内容:

[{"id":"15aea3fa","firstname":"John","lastname":"Doe"}]

我只想将ID存储在一个隐藏的字段中,以便以后可以引用它来做一些事情。

示例:我有这样的事情:

<input id="HiddenForId" type="hidden" value="" />

并希望jquery稍后将值返回给我,如下所示:

var scheduletimeid = $('#HiddenForId').val();
trans by 2020-02-22T00:14:06Z

jQuery-如何获取JSON键和值?

我编写了以下代码来从Web服务获取JSON结果。

function SaveUploadedDataInDB(fileName) {
            $.ajax({
                type: "POST",
                url: "SaveData.asmx/SaveFileData",
                data: "{'FileName':'" + fileName + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var result = jQuery.parseJSON(response.d);
                    //I would like to print KEY and VALUE here.. for example
                    console.log(key+ ':' + value)
                    //Addess : D-14 and so on..
                   }
            });
        }

这是来自webservice的响应:enter image description here

请帮助我打印密钥及其价值

trans by 2020-02-21T19:38:11Z

每X分钟调用jQuery Ajax请求

如何在特定时间段内调用Ajax请求?我应该使用Timer插件还是jQuery为此提供插件?

trans by 2020-02-21T15:07:04Z

javascript-如何使html5视频播放静音

我发现了如何使用jquery暂停和播放视频

$("video").get(0).play();
$("video").get(0).pause();

但是我找不到静音按钮,如果没有jquery解决方案,我只需要一个onclick js解决方案就可以了。 我需要尽快。

还有解决静音延迟的方法吗? 我希望它在单击按钮后立即将声音静音/取消静音。

trans by 2020-02-21T07:55:35Z

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