jquery-ui-tabs. chuyển một chuỗi truy vấn

Question

Làm cách nào để chuyển chuỗi truy vấn (? id = avalue) với mỗi liên kết bên dưới được liên kết với các tab bên dưới. Tôi đang cố gắng để mở nội dung bên ngoài trong các tab (mà nó làm việc tốt) nhưng tôi đã không vượt qua một tham số với các url. Giá trị cho tham số sẽ giống nhau cho mỗi liên kết.

đang hoạt động của tôi:

<script type="text/javascript"> 

     $(function() { 
      $("#tabs").tabs({spinner:'<b>Retrieving Data...</b>'}); 

     }); 

</script> 


<div id="tabs"> 
      <ul> 
      <li><a href="table.aspx"><span>Introduction</span></a></li> 
       <li><a href="RequestActionUpdate.aspx"><span>Update</span></a></li> 
       <li><a href="tabstesttarget.aspx"><span>Target</span></a></li> 
       <li><a href="table.aspx" ><span>View History</span></a></li> 
      </ul> 

     </div> 

Bất kỳ giúp bạn có thể cung cấp cho tôi sẽ được nhiều đánh giá cao.

Cảm ơn trước

Answer 1

Bạn có thể hardcode các tham số cho mỗi liên kết:

<li><a href="RequestActionUpdate.aspx?id=avalue"><span>Update</span></a></li> 

này nên chỉ làm việc tốt. Chính xác thì điều gì không hiệu quả với bạn? Hoặc bạn có cái gì khác trong tâm trí?

Answer 2

Từ tìm kiếm mà tôi đã thực hiện, cách tốt nhất để tiếp cận này mà không cần phải làm điều gì đó xấu xí như:

window.location = href + '?id=avalue' 

sẽ được cập nhật hrefs neo trên tải trang. Lấy bất kỳ ID/giá trị nào bạn cần và chỉ cần thêm nó;

$(document).ready(function(){ 
    value = "?id=foobar" 
    $("#tabs ul li a").attr('href', ($(this).attr('href') + value)); 
}); 

Không phải là giải pháp thanh lịch nhất, nhưng nó hoạt động.

Answer 3

Điều gì xảy ra nếu bạn thêm người quan sát sự kiện vào tất cả các liên kết?

$("#tabs ul li a").click(
    function(){ 
     $(this).attr('href', $(this).attr('href') + $('#someHiddenInput').val()); 
    } 
); 

Answer 4

Bạn có thể sử dụng tùy chọn ajaxOptions. Tiện ích con tab sẽ chuyển các tùy chọn này lên jQuery.ajax().

Mã sau sử dụng tùy chọn data của hàm jQuery.ajax() để chuyển kết quả của hàm getId (mã thời gian kiểu Unix trong ví dụ này) đến máy chủ khi chọn tab.
Url yêu cầu sẽ giống như thế RequestActionUpdate.aspx?id=1255015611701:

function getId() { 
    return (new Date()).getTime(); 
} 

$("#tabs").tabs({ 
    spinner:'<b>Retrieving Data...</b>', 
    ajaxOptions: { data: { id: getId } } 
});