2010-09-07 6 views
9

Tôi muốn tạo khoảng thời gian có thể nhấp hoàn toàn.Làm cách nào để tạo khoảng thời gian có thể nhấp đầy đủ?

<span><a href="#" title="Remove" id="159" class="remove">159</a><input type="hidden" name="t[1][p][]" value="159"></span> 

Khoảng được gán một hình nền được thả sang phải. Hình ảnh là một dấu cộng mà về cơ bản sẽ phục vụ để cho biết bản ghi có thể được chuyển sang div khác.

Thay vì có liên kết và hình ảnh cả hai có thể nhấp, có thể chỉ đơn giản là có toàn bộ khoảng hành động như một neo không?

Nhấp chuột phải được jQuery phát hiện.

+0

Bạn chưa có mã jQuery nào chưa? – RobertPitt

Trả lời

6

Tận dụng tối Neo mức khối (tức là hiển thị: khối) và nó sẽ lấp đầy khoảng, giả sử nhịp của bạn có kích thước xác định (nếu không nó sẽ chỉ quấn neo và cả hai sẽ cùng kích thước)

3

$("a.remove").closest("span").click(function(){alert('Test');}); sẽ thực hiện.

Nhân tiện, bạn không nên đặt id thành giá trị chỉ bằng số. (Bạn có id của phần tử a được đặt thành "159"). Điều này làm cho đánh dấu của bạn không hợp lệ, như bất kỳ định phải bắt đầu với một nhân vật Latin tiếp theo ký tự, chữ số, dấu gạch ngang, vv

9

HTML:

<span id="myspan">....</span> 

Script:

$("#myspan").click(function(){ 
    alert('I got a click'); 
}); 
+0

Hahaha. Đơn giản và dễ hiểu. Tôi thích nó :) –

+0

bên trong chức năng đó nếu bạn thêm vào sau cảnh báo đầu tiên '$ ('a', this) .click()' nó sẽ kích hoạt nhấp vào liên kết nhưng sau đó nó sẽ tự động nhấp lại khoảng, nếu bạn bấm các href trực tiếp nó sẽ bấm vào nhịp như .. – RobertPitt

+0

Điều này không hoạt động trong các trường hợp như câu hỏi. Lặp lại OP đơn giản hơn: 'span span =" float: right; "> span spannidy' có một khu vực ở giữa không thể nhấp được. – mirth23

2
$('a.remove').closest('span').click(function(){ 
    $('a.remove', this).trigger('click'); 
}) 

Điều này cũng sẽ kích hoạt sự kiện nhấp của liên kết.

+0

Tôi thích điều này vì nó đang thu hẹp các nhịp đến những cái có chứa các liên kết 'remove'. +1 – karim79

0

http://jsfiddle.net/mDLwZ/1/

Tôi nghĩ có một vấn đề với thực tế là khi bạn nhấp nhịp, nó nhấp chuột vào href bên trong đối với một số lý do, đây là một công việc nhỏ xung quanh.