Problema con Js al duplicar un ID
Buenas, estoy readaptando una web:
http://ecommerce-gi.com/ronan/
Experience funciona bien (al darle click en el submenú, selecciona según categorías en movimiento), el problema está en que tengo q duplicar esa página 2 veces más, pero las otras 2 no funciona el .js...... y no sé donde modificarlo al tener tantos archivos javascript....
Alguien me comentó que tengo que hacer 3 id para cada trabajo en este .js, pero veo q es el menú principal y no tiene q ver con el submenú de categorías... (Espero explicarme bien...)
Alguien sabe cómo puedo solucionarlo?
Gracias!!!
$(document).ready(function(){
$isIE6 = false;
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
$isIE6 = true;
}
$('body').removeClass('noJS');
var $scrollerWindow = $('#content');
var $speed = 1500;
function gotoHome()
{
$scrollerWindow.stop().scrollTo( $('#home'), $speed, {axis:'x'} );
return false;
}
function gotoWeb()
{
$scrollerWindow.stop().scrollTo( $('#web'), $speed, {axis:'x'} );
return false;
}
function gotoAbout()
{
$scrollerWindow.stop().scrollTo( $('#about'), $speed, {axis:'x'} );
return false;
}
function gotoContact()
{
$scrollerWindow.stop().scrollTo( $('#contact'), $speed, {axis:'x'} );
return false;
}
function noScroll()
{
return false;
}
$('.goto_home').live("click", gotoHome);
$('.goto_about').live("click", gotoAbout);
$('.goto_web').live("click", gotoWeb);
$('.goto_contact').live("click", gotoContact);
$('.noScroll').live("click", noScroll);
});
guitobon
Sylvia,
En JS los IDs no se pueden duplicar. Deben ser únicos.
Por el codigo que pegas, intuyo que tendras los ids home, web, about y contact repetidos 3 veces.
Deberas montartelo de otra forma para acceder a esos elementos del DOM
Usuario desconocido
Buenas, ya terminé la web entera pero necesito q ahora funcione bien el java y no logro entender cómo solucionarlo.
http://ecommerce-gi.com/ronan/
En EXPERIENCE funciona bien el efecto de seleccionar por categorías, pero SERVICES y PRESS no, este es el .js q tengo pero
no sé cómo duplicarlo, alguien sabe cómo?
Gracias de antemano!
$(document).ready(function(){
$('#education').carouFredSel({
responsive: true,
width: '100%',
pagination: "#education-pager",
auto: false,
scroll: 1,
items: {
width: 400,
// height: '30%', // optionally resize item-height
visible: {
min: 1,
max: 1
}
}
});
});
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
$(document).ready(function(){
$('#work-expeirence').carouFredSel({
responsive: true,
width: '100%',
pagination: "#expeirence-pager",
auto: false,
scroll: 1,
items: {
width: 400,
// height: '30%', // optionally resize item-height
visible: {
min: 1,
max: 1
}
}
});
});
$(document).ready(function(){
$("#tab-container").easytabs({
animate: true,
updateHash : false,
transitionIn :'slideDown',
transitionOut :'slideUp',
animationSpeed :600,
});
});
$(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto({
opacity:0.80,
//default_width:500,
//default_height:344,
theme:'dark_rounded',
hideflash:false,
modal:false
});
});
$(document).ready(function() {
$('.portfolio-img').each(function() {
$(this).hover(
function() {
$(this).stop().animate({ opacity: 0.5 }, 400);
},
function() {
$(this).stop().animate({ opacity: 1.0 }, 400);
})
});
});
$(document).ready(function(){
$("#contact_form").validate({
meta: "validate",
submitHandler: function (form) {
$('#contact_form').hide();
var s_name=$("#name").val();
var s_email=$("#email").val();
var s_website=$("#phone").val();
var s_comment=$("#comment").val();
$.post("contact.php",{name:s_name,email:s_email,website:s_website,comment:s_comment},
function(result){
$('#sucessmessage').append(result);
});
return false;
},
/* */
rules: {
name: "required",
lastname: "required",
// simple rule, converted to {required:true}
email: { // compound rule
required: true,
email: true
},
subject: {
required: true,
},
comment: {
required: true
}
},
messages: {
name: "Please enter your name.",
lastname: "Please enter your last name.",
email: {
required: "Please enter email.",
email: "Please enter valid email"
},
subject: "Please enter a subject.",
comment: "Please enter a comment."
},
}); /*========================================*/
});
guitobon
Solo puedes tener un $(document).ready
Mete el codigo de las distintas funciones en una sola.
Usuario desconocido
Hola Guitobon, lo que pasa es q no sé cómo meter funciones, sabes si hayalguna forma alternativa q haga ese mismo efecto?
Gracias