小编Pra*_*man的帖子

我需要注意特定DOM元素的任何子元素的属性更改.到目前为止,我一直在使用突变事件.

问题是 - 他们是错误的:例如在Chromium下,DOMAttrModified没有被解雇但是DOMSubtreeModified.问题很容易解决:因为根据规范,DOMSubtreeModified如果触发了任何其他事件就被触发,所以我只是听了DOMSubtreeModified.

无论如何,在最近的版本中,如果属性被修改,Chromium会停止触发任何内容.

然而,新的Mutation Observer API可以完美运行.

到目前为止,我只需要在任何特定元素的子树发生变化时触发回调 - 只是因为没有别的东西可以改变 - 所以我通过使用变异事件和变异观察者(如果可用)来解决我的问题一段代码.

但是,现在我需要对事件进行更强大的过滤(例如,在新节点上,在删除的节点上) - 所以是否有一个库,可能是一个jQuery插件,可以让我优雅地使用这两个 API - MutationObserver如果可用和突变事件作为后备,能够过滤特定事件类型(例如添加元素,更改属性).

例如

$("#test").watch({onNewElement: 1}, function(newElement){})
$("#test").watch({onNewAttribute: 1}, function(modifiedElement) {})

或者没有jQuery

watchChanges("#test", {onNewElement: 1}, function(newElement){})
watchChanges("#test", {onNewAttribute: 1}, function(modifiedElement){})

目标:我想要的是从数据库中获取数据并刷新main.php(通过draw_polygon更明显)每次在数据库中添加内容时(在$ .ajax之后提交给submit_to_db.php).

所以基本上我有一个main.php将ajax调用另一个php来接收一个将被保存到数据库的数组,并且json调用另一个php来返回一个数组将被main.php使用.

$(document).ready(function() {
    get_from_db();
    $('#button_cancel').click(function(){
       $.ajax({
          url: 'submit_to_db.php',
          type: 'POST',
          data: {list_item: selected_from_list},

          success: function(result){
             ...
             get_from_db();
          }
       });
    });
    function get_from_db(){
         $.getJSON('get_from_db.php', function(data) {
             ...
             draw_polygon(data);
         });
    }
 });

在我的例子中,我所做的是一个get_from_db函数调用,getJSON实际从数据库中获取数据,并使用数据draw_polygon.但是应该怎么做呢？我是一个完整的新手,这是我第一次尝试getJSON和ajax说实话.所以我的问题:异步如何实际工作？是否有其他的办法解决这个,而不必调用函数get_from_db与getJSON(这是不同步的,是它那为什么它时,它不是一个函数内没有更新页面？)所有的时间-就像$.ajax用async: false(顺便说一句,我无法让它工作.我的方法很有效,但我想也许还有其他更好的方法可以做到.我很想学习如何.提前致谢.我希望我有任何意义.

为了使它更清晰,这就是我想要实现的目标:

1. @start页面,从数据库中获取数据(目前通过getJSON)
2. 油漆或画canvas使用data
3. 当我单击完成按钮时,它将更新数据库
4. 我想自动获取数据以重新绘制画布中的更改.

我有两个浮动的div,并排,里面有p标签.p标签中的文本不会换行,只是溢出容器,如图中文本所示:

我的HTML看起来像这样:

        <div class="submenu">
            <h3>Destinations in Europe</h3>
            <ul>
                <li><a href="#">dfgdgdgfgdg</a></li>
                <li><a href="#">dfgdgdgfgdg</a></li>
                <li><a href="#">dfgdgdgfgdg</a></li>
                <li><a href="#">dfgdgdgfgdg</a></li>
            </ul>
            <h3>Features</h3>
            <div>
                <img src="/assets/images/o/menu/city-feat-one.jpg" />
                <h4>blahblah</h4>
                <p>
                    khkhjhjkhkyhkighkjfkhkiyhohhjkhjlhkluoiulohlhjhiououhljhiououhljhiououhljhiououhljhiououhljhiououhl
                </p>
            </div>
            <div>
                <img src="/assets/images/o/menu/city-feat-two.jpg" />
                <h4>blahblah</h4>
                <p>
                    khkhjhjkhkyhkighkjfkhkiyhohhjkhjlhkluoiulohlhjhiououhl
                </p>
            </div>           
        </div>

我的CSS:

#rb-menu-com li .submenu > div { 
    width:48%;
    float:left;
    position: relative;
}

#rb-menu-com li .submenu div p {
    color:#fff;
    margin: 0;
    padding:0;
    width:100%;
    position: relative;
}

#rb-menu-com li .submenu div img {
    border:1px solid #fff;
}

有谁之前经历过这个吗？我没有!! 让我生气!

我有一个Joomla网站2.5.4,并使用Fabrik插件构建联系表单.当我提交联系表单时,我会收到JSON响应,而不是感谢您的页面.

我也从后端正确设置了表单.有关后端设置的详细信息,请参阅下图.

请检查下面的JSON响应

{
msg: "Record added/updated",
url: "index.php?option=com_content&view=article&id=24",
baseRedirect: false,
rowid: "0",
redirect_how: "newpage",
width: 300,
height: 300,
x_offset: 0,
y_offset: 0,
title: "",
reset_form: true
}

资产包生成空的JavaScript和CSS文件

namespace frontend\assets;

return [

    'bundles' => [
        'frontend\assets\AppAsset',

    ],

    'targets' => [
        'frontend\assets\AppAsset' => [
            'basePath' => 'e:/path/yii2.loc/www',
            'baseUrl' => '',
            'js' => 'js/{ts}.js',
            'css' => 'css/{ts}.css',
        ],
    ],

    'assetManager' => [
        'basePath' => 'e:/path/yii2.loc/www/assets',
        'baseUrl' => '',
    ],
];

config.php文件

return [

    'bundles' => [
        'frontend\assets\AppAsset',
    ],

    'targets' => [
        'frontend\assets\AppAsset' => [
            'basePath' => 'e:/path/yii2.loc/www',
            'baseUrl' => '',
            'js' => 'cache/{ts}.js',
            'css' => 'cache/{ts}.css',
        ],
    ],

    'assetManager' => [
        'basePath' => 'e:/path/yii2.loc/www/assets',
        'baseUrl' => '',
    ],
]; …

做的有什么区别:

bundle exec rake

和

rake

我看到人们两个都bundle在做,我从来没有做过我的命令,好奇它是什么原因？

我在这里的第一篇文章.

我正在使用div以相同的比例裁剪缩略图(180wx170h).在处理肖像和风景图像时,我会陷入困境.如果我使用这个肖像风格的图像很好:

.crop img {max-height:170px; width:auto} 

..并且适用于风景图像:

.crop img {max-width:180px; height: auto;} is fine for landscape style images.  

所以我基本上想要如果横向和顶部/底部如果肖像裁剪侧面.有点像优先最大高度和最大宽度.

我知道这可以通过PHP轻松完成,但我真的只知道CSS,这将是我的第一选择.

我需要保持图像的宽高比.

我的数据库表中有超过500行,具有特定日期.

查询具有特定日期的行.

select * from msgtable where cdate='18/07/2012'

这将返回500行.

如何逐步查询这500行×10行.查询前10行并在浏览器中显示,然后查询下10行并在浏览器中显示？

这是我在我的页面上使用的代码,

<li><a href="/explore/#Sound">Sound</a></li>

(在所有页面上显示的菜单中)

<a id="Sound"><a>

(在我要链接的页面上)

我尝试使用id向标记添加内容.但只有在chrome中,浏览器才会向下滚动到标记.这些锚点在IE和FF中有效吗？

我希望每个人都能听说过粘滞便笺.我想堆叠这样的东西.所以这就是我现在的方法.我不确定如何在不使用JavaScript的情况下使其适用于任何数量的胶粘物.

* {
  font-family: 'Segoe UI';
}
.stickynote {
  position: absolute;
  background: #fc0;
  border: 1px solid #f90;
  border-radius: 5px;
  padding: 10px;
  width: 75px;
  top: 10px;
  left: 10px;
}
.stickynote + .stickynote {
  top: 20px;
  left: 20px;
}

.stickynote + .stickynote + .stickynote {
  top: 30px;
  left: 30px;
}

<div class="stickynote"> Sticky!!! </div>
<div class="stickynote"> Sticky!!! </div>
<div class="stickynote"> Sticky!!! </div>

问题:

1. 我不能继续.stickynote + .stickynote + .stickynote为所有人添加.
2. 方法(HTML结构)是否正确？
3. 嵌套它们并不是一个好主意,因为它们在语义上是不正确的.如果这是可能的,我会用嵌套<ul>和<li>,但我想所有这些胶粘物是兄弟姐妹.
4. 每个粘滞便笺都有不同的高度,可以固定 …