[英]jquery tabs and js load content
我正在嘗試將js ui選項卡與js和mvc3一起使用。
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
</ul>
<div id="tabs-1">
<p> </p>
</div>
<div id="tabs-2">
<p> </p>
</div>
</div>
</div>
文件
function GetTabData(xdata) {
$.ajax({
url: ('/Home/GetTabData'),
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({ id: xdata }),
success: function (result) {
alert("OK !");
},
error: function () { alert("error"); }
});
}
MVC3
public ActionResult GetTabData(string xdata)
{
data = fetch data and return to the calling script
return PartialView("_TabDataPartial", data);
}
因此,問題將是非常基本的,如何將TabGet和TabTwo綁定js GetTabData()調用
謝謝。
嘗試:
$('a').click(function(e) {
e.preventDefault();
alert($(this).attr('href'));
//Call GEtdata here
});
你也需要改變這個
public ActionResult GetTabData(string xdata)
至
public ActionResult GetTabData(string id)
從ajax
調用中將發送id
為data
您可以利用HTML5數據屬性,並通過以下方式定義鏈接:
<a href="#tabs-1" data-tabId="1" class="tabLink">Tab One</a>
然后在您的js中,只需綁定on click事件即可執行以下操作:
$('.tabLink').on('click', function() {
var id = $(this).data('tabId');
GetTabData(id);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.