HTML5にある、hidden
属性をjQueryで扱うためにこちらにある関数を使いたいのですが、jQueryのメソッド拡張がうまくいきませんでした。
https://jsfiddle.net/jhfrench/g8Sqy/
$('button').click(function() {
$('#myElement').toggle(function() {
if ($(this).css('display')==='none'){
$(this).prop('hidden', 'hidden');
}
else
{
$(this).removeProp('hidden');
}
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p id="myElement">Hi there</p>
<button>Give it a whirl</button>
まず以下のように直接書けば想定通りの動作になることを確認して
$('#myElement').toggle(function() {
if ($(this).css('display')==='none'){
$(this).prop('hidden', 'hidden');
}
else
{
$(this).removeProp('hidden');
}
});
つぎにapp/assets/javascripts/toggleHide.js
という名前で以下のファイルを作成
jQuery.fn.extend({
toggleHide: function () {
if ($(this).css('display') === 'none') {
$(this).prop('hidden', 'hidden');
}
else {
$(this).removeProp('hidden');
}
}
});
そして先程の呼び出しを$('#myElement').toggleHide();
に変えたのですが、動作しませんでした。
RailsでjQueryにメソッドを追加したい場合、どうすればよいのでしょうか?