jquery uiタブとツールチップを使用していますが、完全に機能します。jquery-uiタブのコードは次のとおりです。
$(function() {
$( "#tabs" ).tabs();
$(document).tooltip();
});
ボタンクリックイベントでコードビハインドから呼び出したい別の関数を作成しました
function setDiv(type){
alert(type);
}
これが私のコードビハインド関数です。
protected void btnNext_Click(object sender, EventArgs e)
{
pnlResult.Visible=True;
ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "script type='text/javascript' language='javascript'",
"setDiv('highlight')();", true);
}
問題は、btnNextボタンをクリックすると、ハイライトが表示されていることを示すアラートが表示されます。その後、aspxページで オブジェクトの予期されるエラーが発生し、エラーポイントが表示されます。
<div id="tabs-1">(div used for creating tabs)
これが私のaspxページです
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">//Here's where i am getting the error
<p>
<asp:Panel ID="pnlResult" runat="server" Visible="false">
<div id="divResult" runat="server">
<span id="spIcon" style="float:left;margin-left:3px;"></span>
Successfully inserted
</div>
</asp:Panel>
<table style="width:50%" id="tbl" runat="server" >
<tr>
<td>
Your Name:
</td>
<td>
<input id="name" title="Enter your name here" />
</td>
</tr>
<tr>
<td >
<span class="ui-icon ui-icon-alert" style="float:left;margin-left:3px;"></span>
<input type="button" id="btnSubmit" value="Submit" />
</td>
</tr>
</table>
</p>
</div>
<div id="tabs-2">
<p>Tab2.</p>
</div>
<div id="tabs-3">
<p>Tab3.</p>
<p>Tab is placed.</p>
</div>
</div>