3
<div class="feedback-header"><h3>FEEDBACK</h3></div>

CSS

.feedback-header
       { 
          border-bottom:1px solid #494c4d;
          padding:8px 20px 1px      20px;
          background:url(/_assets/img/common/btn-rt-arrow.png) 373px 25px no-repeat;
          position:absolute;
          width:381px

}

右側に矢印があり、矢印をクリックしてjsを適用できるようにする必要があります

4

3 に答える 3

3

CSSプロパティにイベントを追加することはできません。

イベントはDOM要素にのみ追加できます。あなたの場合、クリックイベントをクラス.feedback-headerまたは特定の要素のいずれかに追加できます。class='feedback-header'

を持っているすべての要素にクリックを追加しますclass='feedback-header'

$(body).on('click', '.feedback-header', function(e){
  ....
});

クリックは、jQueryによって将来そのクラスに割り当てられる要素にも適用されます。

于 2012-11-16T06:48:51.480 に答える
3

WDeverが指摘したように、背景画像の一部をクリック可能にすることはできませんが(画像マップを使用している場合を除く)、divにimageタグとして背景画像を挿入し、クリック可能にすることができます。feedback-header

HTML

<div class="feedback-header">
    <img src="/_assets/img/common/btn-rt-arrow.png" />
    <h3>FEEDBACK</h3>
</div>

CSS

.feedback-header{ 
          border-bottom:1px solid #494c4d;
          padding:8px 20px 1px 20px;
          background:transparent none;
          position:absolute;
          width:381px;
}
.feedback-header img, h3 { display: inline; margin-right: 20px; }

JS

 $('div.feedback-header').on('click', 'img', function(){
        // Kill aliens and save the world here!
    });
于 2012-11-16T06:49:20.593 に答える
0

それを行うためのいくつかのトリックをフックにすることができます。お気に入り

<table style="background:url(/_assets/img/common/btn-rt-arrow.png)">
<tr>
   <td>
   Background arrow image' left side should be the same color as the element
   </td>
   <td id="arrow" onclick="FunctionToCall('this')">
     Your arrow sign should extend here.
   </td>
</tr>
</table>

function FunctionToCall() {
// write here
 }
于 2012-11-16T06:49:48.997 に答える