--- title: "Har ett problem med en jqueryfunktion - ni kanske kan hjälpa mig?" type: "forum-thread" url: "https://www.webforum.nu/amne/javascript/185364-har-ett-problem-med-en-jqueryfunktion-ni-kanske-kan-hjälpa-mig/page2" topic: "JavaScript" topic_url: "https://www.webforum.nu/amne/javascript" author: "bikic" published: "2010-11-24T09:53:46.000Z" updated: "2010-11-25T14:03:27.000Z" replies: 36 views: 1203 page: 2 pages: 2 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/185364-har-ett-problem-med-en-jqueryfunktion-ni-kanske-kan-hjälpa-mig" --- # Har ett problem med en jqueryfunktion - ni kanske kan hjälpa mig? _Sida 2 av 2._ ## #21 — bikic, 2010-11-25T12:57Z Har hittat ett annat problem nu. Enligt Internet Explorer och Safari så reagerar den på .find()-funktionen tror jag. Kolla själv om du har tid. Vad kan det bero på? Permalänk: https://www.webforum.nu/p/2263372 ## #22 — voigtann1, 2010-11-25T13:01Z det är: ``` portfolioHover = { in: function(){ $(this).find("img").fadeTo(360,0.30); }, out: function() { $(this).find("img").fadeTo(360,1); } }, ``` den gnäller på, rad 42, "in" är förmodligen inte riktigt rätt där ;) ``` portfolioHover = { "in": function(){ $(this).find("img").fadeTo(360,0.30); }, "out": function() { $(this).find("img").fadeTo(360,1); } }, ``` kommer nog fungera bättre Permalänk: https://www.webforum.nu/p/2263373 ## #23 — voigtann1, 2010-11-25T13:21Z Flyttade allt med portfolio till ett objekt: ``` $(document).ready(function() { var carouselOptions = { width: 955, scroll: { items: 1, duration: 500, pauseOnHover: true, mousewheel: true }, auto: { play: false, pauseDuration: 5000, delay: 2000 }, items: { visible: 4 }, prev: { button : "#portfolio-prev", key : "left" }, next : { button : "#portfolio-next", key : "right" } }, portfolio = { hoverIn: function(){ $(this).find("img").fadeTo(360,0.30); }, hoverOut: function() { $(this).find("img").fadeTo(360,1); }, open = function(e) { var id = this.id.split("-")[1]; $("#"+ id).fadeIn(600); $("#"+ id + "-slider").nivoSlider({ effect:'fade', animSpeed:150, manualAdvance:true, directionNav:true, pauseOnHover:true }); e.preventDefault(); } }; // Portfolio $("#portfolio ul").carouFredSel(carouselOptions) .find("li") .hover(portfolio.hoverIn, portfolio.hoverOut) .find("a") .click(portoflio.open); $('.portfolio-back').click(function(){ $('.explore-portfolio').fadeOut(600,function(){$('#portfolio').fadeIn(600);}); return false; }); }); ``` Permalänk: https://www.webforum.nu/p/2263374 ## #24 — bikic, 2010-11-25T13:33Z Det funkar inte alls, massa fel nu ;) Men jag testade med ovan och den reagerar på massa ställen. Permalänk: https://www.webforum.nu/p/2263375 ## #25 — voigtann1, 2010-11-25T13:37Z fungera för mig, du måste ju uppdatera anropen med: ``` ....hover(portfolio.hoverIn, portfolio.hoverOut) .find("a") .click(portoflio.open); ... ``` Permalänk: https://www.webforum.nu/p/2263377 ## #26 — bikic, 2010-11-25T13:37Z Om jag använder "in" och "out" så kommer jag förbi det bekymret, nästa steg är: ``` .hover(portfolioHover.in, portfolioHover.out) ``` Fel på den raden. Permalänk: https://www.webforum.nu/p/2263378 ## #27 — voigtann1, 2010-11-25T13:39Z Ja, eftersom **in** är reserverat ord i Javascript det är därför jag har byggt om objektet portfolio, läs igenom all kod. Permalänk: https://www.webforum.nu/p/2263379 ## #28 — bikic, 2010-11-25T13:39Z Självklart uppdaterade jag anropen, men den reagerade först på open = function. Permalänk: https://www.webforum.nu/p/2263380 ## #29 — voigtann1, 2010-11-25T13:40Z > **[bikic skrev:](https://www.webforum.nu/p/1523890)** > > Självklart uppdaterade jag anropen, men den reagerade först på open = function. Nej det hade du inte gjort, eftersom in och out inte finns längre. Permalänk: https://www.webforum.nu/p/2263382 ## #30 — voigtann1, 2010-11-25T13:44Z Om du vill köra med in exempelvis så få du köra: ``` .hover(portfolioHover["in"], portfolioHover["out"]) ``` Permalänk: https://www.webforum.nu/p/2263385 ## #31 — bikic, 2010-11-25T13:45Z Nu har jag lagt upp det igen - och se - det fungerar inte alls. Permalänk: https://www.webforum.nu/p/2263386 ## #32 — voigtann1, 2010-11-25T13:47Z ahh, miss av mig, läs felmeddelandet ;) "=" skall det ju inte vara :) ``` portfolio = { hoverIn: function(){ $(this).find("img").fadeTo(360,0.30); }, hoverOut: function() { $(this).find("img").fadeTo(360,1); }, open: function(e) { var id = this.id.split("-")[1]; $("#"+ id).fadeIn(600); $("#"+ id + "-slider").nivoSlider({ effect:'fade', animSpeed:150, manualAdvance:true, directionNav:true, pauseOnHover:true }); e.preventDefault(); } }; ``` är det korrekta objektet ;) Permalänk: https://www.webforum.nu/p/2263387 ## #33 — bikic, 2010-11-25T13:50Z Det listade ju jag ut direkt men det är ett fel till och det är felstavningen på "portfolio" vid anropen. Men nu verkar allt fungera riktigt bra och jag har lärt mig sjukt mycket av det här. Intressant och riktigt lärorikt. Tack Voigt! Permalänk: https://www.webforum.nu/p/2263389 ## #34 — voigtann1, 2010-11-25T13:51Z Glöm inte sätt tråden som löst ;) Permalänk: https://www.webforum.nu/p/2263390 ## #35 — bikic, 2010-11-25T13:54Z Självklart löser jag det. vet bara inte vilket av alla svar jag ska markera som lösning. Hehe! Återigen Voigt, tack som fan! Uppskattas verkligen! Vad tycker du om upplägget med portfolion då? Permalänk: https://www.webforum.nu/p/2263392 ## #36 — voigtann1, 2010-11-25T13:56Z Du skall inte fråga mig om design råd ;) HTML strukturen hade jag kanske gjort annolunda, AJAX callcks och fått sidan att fungera utan JS, utan alla features. Men thats just me :) Permalänk: https://www.webforum.nu/p/2263394 ## #37 — b242569, 2010-11-25T14:03Z > **[bikic skrev:](https://www.webforum.nu/p/1523903)** > > vet bara inte vilket av alla svar jag ska markera som lösning. Betrakta Permalänk: https://www.webforum.nu/p/2263395 --- Tråden på webben: https://www.webforum.nu/amne/javascript/185364-har-ett-problem-med-en-jqueryfunktion-ni-kanske-kan-hjälpa-mig/page2 Föregående sida: https://www.webforum.nu/amne/javascript/185364-har-ett-problem-med-en-jqueryfunktion-ni-kanske-kan-hjälpa-mig.md