点击后 样式发生改变 如何处理？

Question

感谢大家帮我解决图片显示的问题。现在应该可以上传图片了 3Q
 问题如下  点击后 样式发生改变   点击 三个字的标签，样式就会改变  然后点击两个字的  样式就改回来了。愁人
 
   

Answer 1

这和你本身布局不咋地有关系。。应该是有加updatepanel

Answer 2

IE变样式，火狐不变样式。
下面是我写在用户控件里的代码
<div class="fam_hot">
    <input type="hidden" id="ProvinceHidden" runat="server" />
    <input type="hidden" id="CityHidden" runat="server" />
    <ul>
        <li  class="fam_hota">
            <h1><a  href="../xiu/showSearchResult.aspx" runat="server" onserverclick="ClearCity"  title="重置">重置</a></h1>
            <!--被选中的class=“fam_hotdd”-->
            <asp:Repeater ID="RptCity" runat="server">
                <ItemTemplate>
                   <a  class="fam_hotd "  href="showSearchResult.aspx?city=<%#Server.UrlEncode(Eval("CITY").ToString().Trim())%>&tag=<%=Server.UrlEncode(Request["TAG"])%>&pname=<%=Server.UrlEncode(Request["PNAME"])%>"> <%#Eval("CITY").ToString().Trim()%></a>
                </ItemTemplate>
            </asp:Repeater>
        </li>
        <li class="fam_hotb">
            <h1>  
                  <a  href="../xiu/showSearchResult.aspx"  runat="server" onserverclick="ClearTag"  title="重置" style="display:block;">重置</a>   </h1>
            <!--被选中的class=“fam_hotee”-->
            <asp:Repeater ID="RpbLabel" runat="server">
                   
                    <ItemTemplate>                                                                                  
                        <a  class="fam_hote fam_hotxb"    href="showSearchResult.aspx?city=<%=Server.UrlEncode(Request["CITY"])%>&tag=<%#Server.UrlEncode(Eval("TAG").ToString().Trim())%>&pname=<%=Server.UrlEncode(Request["PNAME"])%>"> <%#Eval("TAG").ToString().Trim()%></a>
                    </ItemTemplate>
                   <AlternatingItemTemplate>
                       <a  class="fam_hote fam_hotxc"    href="showSearchResult.aspx?city=<%=Server.UrlEncode(Request["CITY"])%>&tag=<%#Server.UrlEncode(Eval("TAG").ToString().Trim())%>&pname=<%=Server.UrlEncode(Request["PNAME"])%>"> <%#Eval("TAG").ToString().Trim()%></a>
                    </AlternatingItemTemplate>
             
            </asp:Repeater>
        </li>
        <li class="fam_hotc">
            <h1><a  href="../xiu/showSearchResult.aspx" runat="server" onserverclick="ClearPname"  title="重置">重置</a></h1>
            <!--被选中的class=“fam_hotdd”-->
            <asp:Repeater ID="RptTrade" runat="server">
                <ItemTemplate>
                    <a  class="fam_hotd"  href="showSearchResult.aspx?city=<%=Server.UrlEncode(Request["CITY"])%>&tag=<%=Server.UrlEncode(Request["TAG"])%>&pname=<%#Server.UrlEncode(Eval("PNAME").ToString().Trim())%> "> <%#Eval("PNAME").ToString().Trim()%></a>
                </ItemTemplate>
            </asp:Repeater>
        </li>
    </ul>
</div>

Answer 3

这是showSearchResult.aspx页面在接受值的时候判断哪个被选中，然后改变它的样式
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
    var city = $.trim('<%=Request["city"] %>');
        if (city != "") {
            $(".fam_hota").find("a").each(
            function() {
                if ($.trim($(this).text()) == city) {
                    $(this).addClass("fam_hotdd");
                }
            });
        }
        var tag = $.trim('<%=Request["tag"] %>');
        if (tag != "") {
            $(".fam_hotb").find("a").each(
        function() {
            if ($.trim($(this).text()) == tag) {
                $(this).addClass("fam_hotee");
            }
        });
        }
        var pname = $.trim('<%=Request["pname"] %>');
        //alert(pname);
        if (pname != "") {
            $(".fam_hotc").find("a").each(
            function() {
                if ($.trim($(this).text()) == pname) {
                    $(this).addClass("fam_hotdd");
                }
            });
        }
    });
</script>