小编mpl*_*jan的帖子

使onpropertychange和domattrified工作以检测元素何时被更改

什么东西应该触发,不是吗?我在IE8中得不到支持,在Fx 3.6.10中没有任何事情发生

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script>


// modified from http://pragmatec.blogspot.com/2009/06/google-toolbar-style-and-tooltip.html
jQuery(function($){
  $.fn.dommodhandler = function(options){
    function setListeners(){
      if (typeof (this.onpropertychange) == "object"){
        $('#innerDiv').bind('propertychange',function(e){
          $('#msgDiv').html(this.id+' changed</br/>');
        });
      }
      else if ($.browser.mozilla){
      $('#msgDiv').html("bind");
        $('#innerDiv').bind('DOMAttrModified',function(e){
          $('#msgDiv').html(this.id+' changed</br/>');
        });
      }
      else {
        $('#msgDiv').html('not supported in this browser');
        return false;
      }
    }
    return setListeners();
    }
  }
);
$(document).ready(function(){
  $.fn.dommodhandler ();
});

</script>
</head>
<body>
<div id="wrapper">
<a href="#" onClick="document.getElementById('innerDiv').height='300px';document.getElementById('innerDiv').innerHTML=new Date(); return false">Click</a>
  <div id="outerDiv">
    <div id="innerDiv">Hello</div>
  </div>
  <div id="msgDiv"></div>      
</div>  

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

更新:仍然不开心...任何人有任何建议,以检测什么时候(ajax)由于更大或更小的内容而改变div的实际高度

jquery dom event-handling javascript-events

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

在div中创建div的正确方法是什么?

在createElement方法中似乎不允许使用Angle Brackets对插件有一些影响.

我没有插件,也没有IE9,但是对于我自己的教育,在jQuery 1.6+中对以下两行进行编码的正确方法是什么

$('<div id="'+options.loupeWrap.substring(1)+'"><div id="'+options.loupe.substring(1)+'" /></div>').appendTo(options.appendTo);
$('<div id="'+options.zoomWrapper.substring(1)+'" />').appendTo(options.loupe);
Run Code Online (Sandbox Code Playgroud)

例如,我已经看到 $('<div class="bla"></div>')但没有,$('<div id="bla"></div>')并且很好奇如何干净地创建一个带有ID的div并使用最佳实践jQuery链接到另一个具有ID的div,而不仅仅是因为jQuery非常聪明.

我也检查了包裹

这个SEEMS是有效和正确的

是吗?

$('<div>')
  .attr('id',outerID)
  .append(
    $('<div>')
    .attr('id',innerID)
  )
  .appendTo(options.appendTo);
Run Code Online (Sandbox Code Playgroud)

感谢您的输入.

jquery jquery-plugins internet-explorer-9

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

在文件之间添加分界线Grunt - concat

我想知道当我们使用Grunt concat连接文件时是否有办法在每个文件之间添加一行.

因为我在文件末尾有一些内联注释而得到错误,当它们被合并时,注释也是下一个文件的第一行.

实际上有点棘手,我正在手动删除这些注释,但如果我可以明确地避免这个问题,可能会更好.

只需为每个文件添加一行concat就可以了.我将删除Grunt的注释和空格 - 接下来是uglify.

javascript node.js gruntjs

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

类似的日期格式会产生意外的日期Javascript

为什么第一个输入正常工作,但第二个输入在5小时前给出了结果?

new Date("2000-1-1")
Sat Jan 01 2000 00:00:00 GMT-0500 (EST)
new Date("2000-01-01")
Fri Dec 31 1999 19:00:00 GMT-0500 (EST)
Run Code Online (Sandbox Code Playgroud)

我如何让第二个与我合作?

var a = new Date("2000-1-1"); // Sat Jan 01 2000 00:00:00 GMT-0500 (EST)
var b = new Date("2000-01-01"); // Fri Dec 31 1999 19:00:00 GMT-0500 (EST)
console.log(a, a.getTime());
console.log(b, b.getTime());
Run Code Online (Sandbox Code Playgroud)

javascript format date

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

Plain JS Cascading选择未知深度

想要进行通用的级联下拉,但递归很弱

该代码应该最终结束

  • 在做出选择时,可以选择一件物品 - 衣服或小工具
    • 选择时可选择Levis/Gucci或LG/Apple
      • 一个选择与Levis牛仔裤或夹克或Gucci鞋或礼服 - 选择时
        • 一件选用Levis牛仔裤尺码OR levis夹克尺码OR
        • 一款选择Gucci鞋码或Gucci连衣裙尺码

要么

      • 只需选择LG电视或手机或Apple Macbook或iPhone,即可选择
        • 一个选择LG电视尺寸或LG电话尺寸或
        • 一款选择Apple Macbook尺寸或Apple iPhone尺寸

当我实际递归时,我失去了思路 - 或者也许可以使用过滤?

我假设一个人可以制作一组路径,然后根据路径显示/隐藏

const selObject = {
  "-- Select Item --": {
    "Clothes": {
      "-- Select brands --": {
        "Levis": {
          "-- Select product --": {
            "Jeans": {
              "-- Select size --": [
                "38",
                "39",
                "40"
              ]
            },
            "Jackets": {
              "-- Select size --": [
                "41",
                "42",
                "43"
              ]
            }
          }
        }, // end Levis
        "Gucci": {
          "-- Select product …
Run Code Online (Sandbox Code Playgroud)

javascript cascadingdropdown

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

确定Sudoku在JavaScript中是否可解决

这是Pramp的问题。我需要确定数独功能是否可解决(与LEETcode问题不同,我只需要查看电路板是否有效)。

下面是我使用递归的JavaScript代码。我遵循Pramp上建议的逻辑,即创建一个辅助函数getCandidates()来查找可以进入空白空间的所有候选编号。然后,在实际的sudokuSolve()函数中,找到候选集最小的空白空间,将这些候选内容输入空白空间,然后尝试使用递归求解电路板。如果可行,则该板是可解决的。

我的代码每次都是正确的,我找不到问题。我已经研究了互联网上提出的其他类似问题,但大多数问题都是为数独板找到确切的解决方案或生成数独板。我只需要查看一块木板是否可解决。如果可以的话,请告诉我我的代码哪里有错,我将非常感谢。

无论测试案例是什么,我现在每次都得到“ true” ...对于提供的这个测试案例,答案应该为false。

const test02 = [
  ['.', '8', '9', '.', '4', '.', '6', '.', '5'],
  ['.', '7', '.', '.', '.', '8', '.', '4', '1'],
  ['5', '6', '.', '9', '.', '.', '.', '.', '8'],
  ['.', '.', '.', '7', '.', '5', '.', '9', '.'],
  ['.', '9', '.', '4', '.', '1', '.', '5', '.'],
  ['.', '3', '.', '9', '.', '6', '.', '1', '.'],
  ['8', '.', '.', '.', '.', '.', '.', '.', '7'],
  ['.', '2', '.', '8', '.', '.', '.', …
Run Code Online (Sandbox Code Playgroud)

javascript sudoku

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

HTML &lt;body&gt; onLoad 事件会覆盖 javascript 窗口的 onload 事件吗?

我有一个 HTML 页面,并且一个 javascript 函数附加到<body>onLoad 事件。

我想在页面加载时显示一个消息对话框。由于某些原因,我无法编辑附加到此 onLoad 事件的 javascript 函数。

所以我用一个函数创建了一个新的 javascript 文件,它将显示消息对话框。然后我在我的 javascript 文件中添加了这一行

window.onload = onPageLoad; 
Run Code Online (Sandbox Code Playgroud)

onPageLoad() 是我的功能,可以显示消息对话框。

我使用脚本标签在我的 HTML 中附加了这个 javascript 文件。当我运行这个 HTML 文件时,onPageLoad()函数没有被调用。

我想知道<body>标签,onLoad 事件是否覆盖了窗口 onload。如果是这样,有人可以帮助我以某种方式实现此功能。

请记住,我无法编辑我的 HTML 文件,我只能编写新的 javascript 文件。谢谢。

javascript onload

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

HTML datetime-local change事件?

有没有办法通过<input type='datetime-local'>控制来处理"日期时间选择"事件?

onchange,onselect和oninput对我不起作用.

html javascript

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

如何在图像上播放视频?

我有以下图片:

在此输入图像描述

现在我想在此图像上放置一个vimeo视频,并提供响应视图:

要做到这一点,我使用以下css和HTML代码:

HTML代码:

<div class="vimeo">
<article>
    <figure>
        <iframe src="https://player.vimeo.com/video/211148482?autoplay=1&title=0&byline=0&portrait=0" width="568" height="453" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>       
    </figure>        
</article>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS代码:

.vimeo { 
    font: 16px/1.4 Georgia, Serif;
    width: 45%; 
    margin: 1px auto;   
    background: url(images/bg.jpg); 
    background-size: contain;
    background-repeat: no-repeat;   
    position: relative;
}

pre, article style, article script { 
    white-space: pre; 
    display: block;         
    overflow-x: auto; 

}

img { 
    max-width: 100%;
}
figure { 
    display: block; 
}
figcaption { 
    display: block; text-align: center; orphans: 2;
}
Run Code Online (Sandbox Code Playgroud)

现在它看起来像这个图像:

在此输入图像描述

我想在图像灰色背景上设置它,我该怎么做?

html css

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

JavaScript参考下降

我正在创建一个扩展现有应用程序的模块。我收到了一个变量device,我想创建myDevice一个始终包含相同数据的变量。可以说数据包含在数组中:

https://jsfiddle.net/hmkg9q60/2/

var device = {
  name: "one",
  data: [1, 2, 3]
};
var myDevice = {
  name: "two",
  data: []
};

myDevice.data = device.data; // Assign array reference


device.data.push(4); // Push works on array reference

console.log(device.data); // [1, 2, 3, 4]
console.log(myDevice.data); // [1, 2, 3, 4] - ok


device.data = [0, 0, 0]; // A new array is assigned to 'device'
// and 'myDevice' reference stays with old array

console.log(device.data); // [0, …
Run Code Online (Sandbox Code Playgroud)

javascript

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