jQuery con/sin MasterPage

santayita · #1 (**permalink**) 27/07/2014, 08:18

Hola compañeros,
Mi problema es que tengo un script de jQuery para implementar un carrousel, y funciona perfectamente en paginas unicas .aspx pero en paginas con MasterPage no. Independientemente de donde coloque las librerias o donde ejecute la funcion, y desconozco el motivo.

Se comenta por el foro, y por la red, que las paginas que heredan de Master suelen dar este problema por las rutas, que son diferentes o algo asi entendi, pero creo que no es el caso al estar incluyendo los scripts y librerias directamente en la pagina, no?

Este codigo funciona correctamente

Código:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
	<script type="text/javascript" src="js/jMyCarousel.js"></script>

    <script type="text/javascript">
        $(function () {

            $(".jMyCarousel").jMyCarousel({
                visible: '4',
                eltByElt: true,
                evtStart: 'mousedown',
                evtStop: 'mouseup'
            });

        });
	</script>


</head>
<body>

    
    p>Click on the buttons to animate this one !</p>
<div class="jMyCarousel">
    <ul>
        <li><img src="carousel_img/2/1.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/2.jpg" width="200" height="150"></li>
 		<li><img src="carousel_img/2/3.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/4.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/5.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/6.jpg" width="200" height="150"></li>
  </ul>
</div>

Y sin embargo este, con MP no.

Código:

%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
	<script type="text/javascript" src="js/jMyCarousel.js"></script>
    <script type="text/javascript">
        $(function () {

            $(".jMyCarousel").jMyCarousel({
                visible: '4',
                eltByElt: true,
                evtStart: 'mousedown',
                evtStop: 'mouseup'
            });

        });
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <p>Click on the buttons to animate this one !</p>
<div class="jMyCarousel">
    <ul>
        <li><img src="carousel_img/2/1.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/2.jpg" width="200" height="150"></li>
 		<li><img src="carousel_img/2/3.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/4.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/5.jpg" width="200" height="150"></li>
        <li><img src="carousel_img/2/6.jpg" width="200" height="150"></li>
  </ul>
</div>
</asp:Content>

Espero vuestra respuesta y perdón si es algo repetido pero no conseguir entender muy bien las respuestas.
Gracias de antemano.

santayita · #2 (**permalink**) 29/07/2014, 06:41

Nadie sabe o se le ocurre que puede ser?
Estoy bastante bloqueado...
Gracias.

Drako_18 · #3 (**permalink**) 16/09/2014, 15:23

Buenas compañero,

Sigues necesitando ayuda o encontraste ya la solución? Si lo resolviste postealo para que otro pueda consultarlo.

Un saludo!!!

rzamora · #4 (**permalink**) 26/09/2014, 14:19

Una simple solucion es utilizando el ScripManager en el MasterPage:

Código:

<asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/jquery-1.4.1.js" />
        </Scripts>
</asp:ScriptManager>

Con esto podras mandar llamar las funciones Jquery si necesidad de volver a realizar las referencias en cada pagina.

Saludos!

murdoc92 · #5 (**permalink**) 16/10/2014, 14:45

Los Content de las MasterPage siempre van vacios por que ahí se almacena el código de la página que la solicite.

Solución: Dejar código fuera de los Content.