めも。
<input type="text" name="text" class="hoge"/>
<script>
$(function(){
$('.hoge').focusout(function(){
console.log($(this).val());
})
})
</script>
【jQuery】input要素からフォーカスアウトした際に処理を行う。
【bootstrap2.3】Togglable tabsを実装する際のマークアップメモ。
自分用。
<ul class="nav nav-tabs" id="tabs"> <li class="active"><a href="#hoge">ほげ</a></li> <li><a href="#piyo">ぴよ</a></li> <li><a href="#fuga">ふが</a></li> <li><a href="#hogera">ほげら</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="hoge">ほげ</div> <div class="tab-pane fade" id="piyo">ぴよ</div> <div class="tab-pane fade" id="fuga">ふが</div> <div class="tab-pane fade" id="hogera">ほげら</div> </div>
<script>
$(function(){
$('#tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
})
</script>
※「.tab-content」内のdiv要素に「.fade」「.in」を振ってやるとアニメーションで切り替わるようになる。
【jQuery】input要素上でキーを離した際に処理を実行する。
めも。
<input type="text" name="text" class="hoge"/>
<script>
$(function(){
$('.hoge').keyup(function(){
console.log($(this).val());
})
})
</script>
簡単だね。