Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


Jquery doen't work with MultiView

Posted on 2011-04-19
Medium Priority
Last Modified: 2012-05-11

I have a div inside a MultiView that is inside an UpdatePanel. When I click on the button that is inside UpdatePanel the callback is performed and the div appears, but it doesn't change its color on mouse hover (jquery doesn't work).

If I put the div outside the UpdatePanel jquery works correctly.

What could be the problem here?

Thank you
<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $("#MyDiv").hover(function () { $(this).css({ 'background-color': 'Red' }) });
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <asp:MultiView runat="server" ID="mvPopup">
                <asp:View ID="View1" runat="server">
                         <div id="MyDiv"> Some text here</div>
            <asp:LinkButton runat="server" OnClick="btnLink_Click" ID="btnLink" Text="Click here" />

     protected void btnLink_Click(object sender, EventArgs e)
            mvPopup.ActiveViewIndex = 0;

Open in new window

Question by:ivolach
  • 2

Accepted Solution

ivolach earned 0 total points
ID: 35426053
Problem solved by adding  function pageLoad(sender, args)  to jquery

Author Closing Comment

ID: 35426057
because problem is solved

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

580 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question