JavaScript u Wordpressu

CMS (Wordpress, Joomla...)
1

Pozdrav,

Pokušavam ovo ubaciti u content-page.php u wordpress child theme: http://codepen.io/agrayson/pen/aLpKB#0

Slijedila sam ove upute: Customizing WordPress #7 - Adding A JavaScript File Part 1 - YouTube (i sve druge moguće po netu)…

ali ne radi… evo mučim se već neko vrijeme…i nema uspjeha… osim što mi povuče css style!

da li trebam ubaciti što u content-page.php da bi se povezalo s js-om??

Pliz help!

2

Očito ti nije povukao JS kod.

3

a što trebam napraviti?
sva ova tri (html,css,js) kopirala sam na svoja mjesta… stavila ih (css i js) u određeni folder…

i u function.php stavila ovo…
js i css se nalaze u istom folderu… css je povukao, a js nije…

function tesseract_child_accordion()
{
wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘accordion_result’, get_stylesheet_directory_uri() . ‘/accordion/accordion_result.js’, array(‘jquery’), false, true);
wp_enqueue_style(‘accordion_style’, get_stylesheet_directory_uri() . ‘/accordion/accordion_result.css’);
}
add_action( ‘wp_enqueue_scripts’, ‘tesseract_child_accordion’ );

4

Zasto 2 puta ucitavas jQuery kad si ga kod JS povukla kao dependency ?

Takodje ne razumijem ovaj dio:

wp_enqueue_script('accordion_result', get_stylesheet_directory_uri() . '/accordion/accordion_result.js', array('jquery'), false, true);

false,true ? Da li zelis da bude u footeru ili ne ?

Uradi page source i potrazi da li je taj fajl loadan, ako jest provjeri putanju da li je ispravna.

5

fajl je loadan…baš sam provjerila… i putanja je ispravna…

gdje učitavam 2x?
jednom js, a drugi je css…

meni svejedno gdje će biti…glavno da radi… :smiley:
ma početnica sam u wp-u pa eto muku mučim s nekim stvarima…

false, true…
pa šta nije false za verziju, a true za footer?
stavila sam i false za footer pa ne radi… čak sam i maknula to dvoje i opet nije radilo…

6

Hm onda je jedino Javascript upitan.Koliko se sjecam u WordPressu se ne koristi $ vec jQuery.Ako hoces da koristis $ da se ne zezas sa replace-om salji ga kao argument, ovako:

jQuery(document).ready(function( $ ){
  var animTime = 300,
      clickPolice = false;
  
  $(document).on('touchstart click', '.acc-btn', function(){
    if(!clickPolice){
       clickPolice = true;
      
      var currIndex = $(this).index('.acc-btn'),
          targetHeight = $('.acc-content-inner').eq(currIndex).outerHeight();
   
      $('.acc-btn h1').removeClass('selected');
      $(this).find('h1').addClass('selected');
      
      $('.acc-content').stop().animate({ height: 0 }, animTime);
      $('.acc-content').eq(currIndex).stop().animate({ height: targetHeight }, animTime);

      setTimeout(function(){ clickPolice = false; }, animTime);
    }
    
});
1 Like
7

Belmine spasio si me!!! :joy:
rasplakat ću se!!!
da bilo je do toga!!!
jaaaaooooo!!!
ali eto hvala riješeno!! :sweat_smile: