php-jqueryに複数のアクションを実行させたい、または別の方法があります
jqueryボタンに2つのことを同時に実行させることは可能ですか?
今私はこれを持っています:
これは機能します(イェーイ!)-そのデータベースID番号で非表示になっているdivにジャンプして表示します-しかし、これらの結果はループされているため、すべてが表示されます。これで、ページの正しい場所に移動しますが、1つの結果だけでなく、すべての結果が表示されます。
このボタンをonClickにすると、非表示が切り替わるだけでなく、クエリのデータベースID番号が設定され、1セットの結果のみが表示されるようになります。または、その1セットのみが表示されます。データベースIDを設定し、他のIDを非表示のままにしますか?テーブルIDをデータベースIDとして設定し、それをdivに入れるのではなく、hiddenのクラスを指定する必要がありますか?
例:
今は:
しかし、私はそれを作る必要がありますか
代わりに?これは理論的には理にかなっていますが、CSSを少し工夫する必要があると思います。 <td>
<a href="#'.$row['abstractid'].'">
<button onClick="$(\'.hide\').toggle();">Read Abstract
</button>
</a>
</td>
<div id="'.$row['abstractid'].'" style="display:none;" class="hide">
<table>
stuff
</table>
<table id="'.$row['abstractid'].'" style="display:none;" class="hide">
答え :
解決策:
onclick="function() {$(\'.hide\').toggle();$(\'.hide\').toggle();}"
ただし、お勧めしません。私の提案は:
次に 目立たないJavascriptの詳細: http://en.wikipedia.org/wiki/Unobtrusive_JavaScript
値の表示と非表示に関して、私は常にそのようにアプローチします:
HTML:
JS( <button class="read-abstract">Read Abstract</button>
<script>
$(document).ready( function() {
$(".read-abstract").live( "click", function() {
// do stuff here
});
}
</script>
<button data-hide-id="1" class="read-abstract">Read Abstract</button>
<table id="table-1" class="hide">
<tr>
<td>Contents will show hide on click of read abstract</td>
</tr>
</table>
<head> 内):
<script type="text/javascript">
$(document).ready( function() {
$(".read-abstract").live( "click", function() {
$("#table-" + $(this).data("hide-id") ).toggle();
});
}
</script>