Auteur Topic: [jQuery] Data attribute selecteren  (gelezen 2295 keer)

0 leden en 1 gast bekijken dit topic.

xvilo

  • Global Moderator
  • Verslaafd DigitalPlace Lid
  • *****
  • Berichten: 2675
  • Karma: -44
    • Bekijk profiel
    • http://www.xvilo.com
[jQuery] Data attribute selecteren
« Gepost op: september 10, 2015, 10:03:45 am »
  • [+1]0
  • [-1]0
  • Hallo,


    Stel, ik heb de volgende HTML markup:


    <!DOCTYPE html>
    <html class="no-js" lang="en">
       <head>
          <meta charset="UTF-8">
          <title>Page title</title>
       </head>

    [size=78%]<section id="hero" data-bg-speed="100" class="pop">[/size]
          [/size][size=78%]<div class="home-cover_text">[/size]
             [/size][size=78%]<h1 class="hero-title">Design + Code</h1>[/size]
             [/size][size=78%]<p>Portfolio of Sem Schilder. A Dutch Media Designer from Holland</p>[/size]
          [/size][size=78%]<>[/size]
          [/size][size=78%]<div class="bg2 pop" data-bg-speed="200">[/size]
          [/size][size=78%]<>[/size]
       [/size][size=78%]</section>[/size]
    [/size]<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>[size=78%]

    <script>
              $(function(){
                var x = 0;
                setInterval(function(){
                   x-=1;
                   $('.pop').css('background-position', '0px '+ x +'%');
                       }, data( "bg-speed" ));
                 })
          </script>
    [/size]</body>
    </html>


    Hoe kan het nu dat ik data( "bg-speed" ) niet kan gebruiken? En wat is hier dan wel een goede oplossing voor?[/size][/font]

    Alvast bedankt

    ~ xvilo
    « Laatst bewerkt op: september 10, 2015, 10:05:36 am door xvilo »


    RaMp6

    • DigitalPlace Lid
    • *
    • Berichten: 187
    • Karma: 8
      • Bekijk profiel
    Re: [jQuery] Data attribute selecteren
    « Reactie #1 Gepost op: oktober 09, 2015, 09:04:27 pm »
  • [+1]0
  • [-1]0
  • je code is n beetje naar de klote,  [size=78%]<>[/size] ? :P

    wat probeer je precies te bereiken met data("bg-speed") ?
    maar volgens mij bedoel je $('.pop').data("bg-speed")

    Kijk hier anders even naar: https://api.jquery.com/data/
    « Laatst bewerkt op: oktober 09, 2015, 09:07:28 pm door RaMp6 »

    AKA whiteRabbit