0

jQueryを学ぶためにpdfブックをフォローしています。次のコードは、本に従って2つのボタンを作成する必要がありますが、私の場合、ボタンではなく単純なテキストを作成するだけです。私は本を​​再チェックして、何かが欠けているかどうかを確認しました.

私は初心者なので、これはあなたの専門家にとってはばかげた質問のようです。

コード：

 <div id="switcher">
<div class="label">Style Switcher</div>
<div class="button" id="switcher-large">Increase Text Size</div>
<div class="button" id="switcher-small">Decrease Text size</div>
</div>

前もって感謝します。

4

4 に答える 4

1

自分でボタンのように「見える」ようにする必要があります。これを行う最も簡単な方法は、明らかに CSS を使用することです。

.button {
background-color:red;
width:100px;
height:30px;
color:white;
padding:4px;
margin:10px;
}
.button:hover {
font-weight:bold;
cursor:pointer;
}

これは物事を行うための非常に基本的な方法の 1 つです。

于 2012-08-08T12:27:09.310 に答える
1

div タグでクラス属性を指定しているだけです。ボタンはボタンタグで作成されます。これがその方法です。

<div id="switcher">
    <div class="label">Style Switcher</div>
    <button class="button" id="switcher-large">Increase Text Size</button>
    <button class="button" id="switcher-small">Decrease Text size</button>
</div>
于 2012-08-08T12:27:51.913 に答える
0

jquery UI を使用している場合は、javascript 経由でボタンを適用する必要があります。

$(".button").button();
于 2012-08-08T12:30:06.670 に答える
0

jQuerywrapInnerを使用すると、必要な場合、関数はテキストをボタンに変換できます。

あなたの HTML:

<div id="switcher">
  <div class="label">Style Switcher</div>
  <div class="button" id="switcher-large">Increase Text Size</div>
  <div class="button" id="switcher-small">Decrease Text size</div>
</div>

jQuery:

jQuery(document).ready(function(){

  $('.button').wrapInner('<button />');

});

もちろん、何かを追加する必要があります-実行するonClickイベント、実行する予定、またはボタンがクリックされたときに実行される他の jQuery など。$(button').on("click",function() {...

http://api.jquery.com/wrapInner/

于 2012-08-08T12:34:43.890 に答える