Начиная с jQuery 1.7, вы должны использовать jQuery.fn.on
:
$(staticAncestors).on(eventName, dynamicChild, function() {});
До этого рекомендуется использовать live()
:
$(selector).live( eventName, function(){} );
Однако live()
устарел в 1.7 в пользу on()
и полностью удален в 1.9. Подпись live()
:
$(selector).live( eventName, function(){} );
... может быть заменена следующей on()
сигнатурой:
$(document).on( eventName, selector, function(){} );
Например, если ваша страница динамически создавала элементы с именем класса dosomething
, вы привязывали бы событие к родительскому, который уже существует (здесь есть нуль проблемы, вам нужно что-то, что существует для привязки, не привязка к динамическому контенту), это может быть (и самый простой вариант) - document
. Хотя иметь в виду document
, возможно, не самый эффективный вариант .
$(document).on('mouseover mouseout', '.dosomething', function(){
// what you want to happen when mouseover and mouseout
// occurs on elements that match '.dosomething'
});
Любой родитель, который существует в момент привязки события, прекрасен. Например,
$('.buttons').on('click', 'button', function(){
// do something here
});
применимо к
У меня есть несколько рабочий подход. Я решил изменить webpack.base.conf.js
вместо того, чтобы использовать решение командной строки, чтобы использовать уже существующий загрузчик с заменой строк.
Файлы собираются в функцию обратного вызова WebpackBeforeBuildPlugin
, и вместо тестовой переменной на основе регулярных выражений используется функция, которая проверяет ранее собранные файлы.
const exec = require('child_process').exec;
const WebpackBeforeBuildPlugin = require('before-build-webpack');
var modFilesList = new Set([]);
const srcPath = resolve('.');
...
rules: [{
test: function(filename) {
let relFilename = path.relative(srcPath, filename);
let lint = modFilesList.has(relFilename);
return lint
},
loader: 'eslint-loader',
include: resolve('src'),
exclude: /node_modules/,
options: {
formatter: require('eslint-friendly-formatter'),
cache: false
}
}, {
... other string replacement loader ...
}
plugins: [
...
new WebpackBeforeBuildPlugin(function(stats, callback) {
// Collect changed files before building.
let gitCmd = 'git diff --name-only --relative | grep -E ".*\\.(vue|js)$"';
const proc = exec(gitCmd, (error, stdout, stderr) => {
if (stdout) {
let files = stdout.split('\n');
modFilesList = new Set(files);
}
if (error !== null) {
console.log(`exec error: ${error}`);
}
});
callback();
})
]
Единственная проблема на данный момент заключается в том, что когда происходят изменения в git-файле, они не запускают повторную линтировку на основе этих изменений файла (т. Е. Новый файл изменяется или ранее (до запуска webpack-dev-). сервер) измененные изменения файла отменяются). Я проверил все, что мог. Изменение регистрируется и сохраняется в modFilesList
, тестовая функция выполняется и возвращает истину (для нового изменения в ранее неизмененном файле) или ложь в случае, если изменение было отменено. Я также играл с опцией cache
безрезультатно. Похоже, что при начальной загрузке eslint-loader
кэширует файлы, которые он будет хранить в будущем (не знаю, является ли это результатом использования тестовой функции вместо регулярного выражения или также в случае с регулярным выражением). Кто-нибудь имеет идею или видел это раньше (eslint-loader не обновляет список файлов)?
Обновление
Это, похоже, проблема с веб-пакетом (или один из других загрузчиков), так как eslint-loader даже не запускается при изменении файла. Однако выполняется функция test
, что немного странно. Я не до конца понимаю, как работают загрузчики или как они играют вместе, поэтому может быть какой-то другой загрузчик, который вызывает это ...