User-1575481756 posted
I have made a few partial views to make my code more manageable. They render perfectly fine. However, elements in these views do not react to clicks etc.
My partial view example:
<div class="container">
<div class="wrapper">
<section class="content">
<h2><i class="ico team-member"></i>Team members</h2>
<div class="grey-box-wrap reports ico-member">
<a href="#new-member" class="link new-member-popup test">
<span>Create new member</span>
</a>
</div>
@Html.Partial("_NewMember")
@Html.Partial("_MemberAccordion")
@Html.Partial("Pagination")
</section>
</div>
</div>
Here's my _Layout code:
@model TimeSheet.PL.ClientWebApp.Models.ClientViewModel
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title TimeSheet</title>
<script type="text/javascript" src="/assets/scripts/main/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="/assets/css/style.css">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="viewport" content="target-densitydpi=device-dpi" />
</head>
<body>
<header>
<div class="top-bar"></div>
<div class="wrapper">
<a href="index.html" class="logo">
<img src="/assets/images/logo.png" alt="VegaITSourcing Timesheet" />
</a>
<ul class="user right">
<li>
<a href="javascript:;">Sladjana Miljanovic</a>
<div class="invisible"></div>
<div class="user-menu">
<ul>
<li>
<a href="javascript:;" class="link">Change password</a>
</li>
<li>
<a href="javascript:;" class="link">Settings</a>
</li>
<li>
<a href="javascript:;" class="link">Export all data</a>
</li>
</ul>
</div>
</li>
<li class="last">
<a href="javascript:;">Logout</a>
</li>
</ul>
<nav>
<ul id="navmenu" class="menu">
<li>
<a href="@Url.Action("Index", "TimeSheet")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.TIMESHEET ||
Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.DAY? "btn nav active" : "btn nav")">TimeSheet</a>
</li>
<li>
<a href="@Url.Action("Index", "Clients")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.CLIENTS ?
"btn nav active" : "btn nav")">Clients</a>
</li>
<li>
<a href="@Url.Action("Index", "Projects")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.PROJECTS ?
"btn nav active" : "btn nav")">Projects</a>
</li>
<li>
<a href="@Url.Action("Index", "Categories")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.CATEGORIES ?
"btn nav active" : "btn nav")">Categories</a>
</li>
<li>
<a href="@Url.Action("Index", "TeamMembers")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.TEAMMEMBERS ?
"btn nav active" : "btn nav")">Team members</a>
</li>
<li class="last">
<a href="@Url.Action("Index", "Reports")" class="@(Model.Page == TimeSheet.PL.ClientWebApp.Models.Page.REPORTS ?
"btn nav active" : "btn nav")">Reports</a>
</li>
</ul>
<div class="mobile-menu">
<a href="javascript:;" class="menu-btn">
<span>mobile menu</span>
</a>
<ul>
<li>
<a href="javascript:;">TimeSheet</a>
</li>
<li>
<a href="javascript:;">Clients</a>
</li>
<li>
<a href="javascript:;">Projects</a>
</li>
<li>
<a href="javascript:;">Categories</a>
</li>
<li>
<a href="javascript:;">Team members</a>
</li>
<li class="last">
<a href="javascript:;">Reports</a>
</li>
</ul>
</div>
<span class="line"></span>
</nav>
</div>
</header>
<div class="container body-content">
@RenderBody()
</div>
<footer>
<div class="wrapper">
<ul>
<li>
<span>Copyright @@ 2013. VegaITSourcing All rights reserved</span>
</li>
</ul>
<ul class="right">
<li>
<a href="javascript:;">Terms of service</a>
</li>
<li>
<a href="javascript:;" class="last">Privacy policy</a>
</li>
</ul>
</div>
</footer>
<!-- javascript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write("<script src='/assets/scripts/main/jquery-1.8.3.min.js'>\x3C/script>")</script>
<script type="text/javascript" src="/assets/scripts/libs/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="/assets/scripts/main/default.js"></script>
</body>
</html>
I have tried using RenderPartial instead of Render, tried with and without @Scripts.Render etc.What am I doing wrong?
