jQueryが読み込めない
下記のようにサンプルコードを入力し、同一ファイル内にjsファイルを設置しているのですが、機能せず、ただのテキストボックスが表示されるのみです。
大変初歩的な質問ですが、よろしくお願いします。
■ｐｈｐファイル
<body>
<form action="" method="">
<label for="user-name">お名前</label><input type="text" id="user-name"><br>
<label for="user-kana">フリガナ</label><input type="text" id="user-kana">
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.autoKana.js"></script>
<script>
$(document).ready(function(){
$.fn.autoKana('#user-name', '#user-kana', {katakana:true});
});
</script>
</body>
■jquery.autoKana.js
(function ($) {
$.fn.autoKana = function (element1, element2, passedOptions) {
var options = $.extend(
{
'katakana': false
}, passedOptions);
var kana_extraction_pattern = new RegExp('[^ ぁあ-んー]', 'g');
var kana_compacting_pattern = new RegExp('[ぁぃぅぇぉっゃゅょ]', 'g');
var elName,
elKana,
active = false,
timer = null,
flagConvert = true,
input;
elName = $(element1);
elKana = $(element2);
active = true;
_stateClear();
elName.blur(_eventBlur);
elName.focus(_eventFocus);
elName.keydown(_eventKeyDown);
function start() {
active = true;
};
function stop() {
active = false;
};
function toggle(event) {
var ev = event || window.event;
if (event) {
var el = Event.element(event);
if (el.checked) {
active = true;
} else {
active = false;
}
} else {
active = !active;
}
};
function _checkConvert(new_values) {
if (!flagConvert) {
if (Math.abs(values.length - new_values.length) > 1) {
var tmp_values = new_values.join('').replace(kana_compacting_pattern, '').split('');
if (Math.abs(values.length - tmp_values.length) > 1) {
_stateConvert();
}
} else {
if (values.length == input.length && values.join('') != input) {
_stateConvert();
}
}
}
};
function _checkValue() {
var new_input, new_values;
new_input = elName.val()
if (new_input == '') {
_stateClear();
_setKana();
} else {
new_input = _removeString(new_input);
if (input == new_input) {
return;
} else {
input = new_input;
if (!flagConvert) {
new_values = new_input.replace(kana_extraction_pattern, '').split('');
_checkConvert(new_values);
_setKana(new_values);
}
}
}
};
function _clearInterval() {
clearInterval(timer);
};
function _eventBlur(event) {
_clearInterval();
};
function _eventFocus(event) {
_stateInput();
_setInterval();
};
function _eventKeyDown(event) {
if (flagConvert) {
_stateInput();
}
};
function _isHiragana(chara) {
return ((chara >= 12353 && chara <= 12435) || chara == 12445 || chara == 12446);
};
function _removeString(new_input) {
if (new_input.match(ignoreString)) {
return new_input.replace(ignoreString, '');
} else {
var i, ignoreArray, inputArray;
ignoreArray = ignoreString.split('');
inputArray = new_input.split('');
for (i
お礼
ありがとうございます。確認してみます！！
補足
お二方ともありがとうございました。コンソールを再度チェックしてみましたところ、元々正常に動作するページがありまして（そこにはmain.jsはありません）、それとのコンソールの比較をしますと、 main.jsの箇所の // Prevent clicks from inside article from bubbling. $this.on('click', function(event) { event.stopPropagation(); }); }); // Events. $body.on('click', function(event) { // Article visible? Hide. if ($body.hasClass('is-article-visible')) $main._hide(true); }); の箇所があれば不具合、なければ正常動作するということがわかりました。 単純に削除するだけだと、他の部分に影響が出てしまいまして、 再度ご教授出来ませんでしょうか、よろしくお願いいたします。