我有一个文本输入和一个按钮输入。如果我点击文本输入,并且它不是只读的,则显示'Readonly false'警报,否则显示'Readonly true'。按钮输入使得文本输入只读,但是“只读假”仍然保持显示,当我点击文本输入时。看起来像jquery不识别选择器后通过脚本添加readonly属性。修改元素属性后Jquery选择器不工作
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script type="text/javascript" src="jquery/jQuery v1.10.2.js"></script>
<script>
$(document).ready(function() {
$('.makeReadonly').on('click', function() {
$('.foo').prop('readonly', true);
});
$('input.foo:not([readonly])').on('click', function() {
alert('Readonly false');
});
$('input.foo[readonly]').on('click', function() {
alert('Readonly true');
});
});
</script>
</head>
<body>
<input type="button" value="makeReadonly" class="makeReadonly">
<input type="text" class="foo">
</body>
</html>
我可以用纯粹的选择触发正确的警报或我需要做一个验证评估与if语句属性(如果($(“富‘)。支撑(’只读”)){警报( 'Readonly true')})?
对我来说,它似乎是一个Jquery的bug,但我想用纯粹的选择器来处理它。但如果不可能,我会很高兴有人能解释我为什么。
感谢