目录列表随机显示在Dialog内的jQuery UI选项卡中

Question

我想在Dialog中显示一个jQuery UI选项卡，但它无缘无故地显示了我的asp.net应用程序的目录列表。它也会改变我页面的CSS。这是怎么回事？

使用Javascript：

$("#editAddress").click(function () {
        var personId = window.location.search.slice(1).split('=')[1];
        //Use Get API to fill the form:
        $.getJSON('/ipad/api/Address/' + personId, function (data) {
            var tabs = $('#tabs');
            $("#dialogAddress").empty().append(tabs);
            $("#dialogAddress").dialog("open");
            tabs.show();
            tabs.tabs();
        });    
    });

HTML：

<div id="tabs" style="display:none">      
      <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
      </ul>
      <div id="tabs-1">
        <fieldset>
        <label for="address1">
            Address1:</label>
            <input type="text" name="address1" id="address1" value="" />
        <label for="city">
            City:</label>
            <input type="text" name="city" id="city" value="" />
        <label for="country">
            Country:</label>
             <input type="text" name="country" id="country" value="" />
        </fieldset>
      </div>
</div>

Answer 1

这可以通过在代码隐藏中设置超链接href来解决。当我使用ASCX（用户控件）时，我遇到了这样的问题。

我从这里得到了我的解决方案：asp.net user control, getting htmlAnchor resolve to href="#"

希望这有帮助。