1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

[ASK] Mau tanya cara manggil file js dalam file internal Wordpress

Discussion in 'Wordpress' started by Dedi Lealdi, Jan 3, 2017.

  1. Dedi Lealdi

    Dedi Lealdi Ads.id Fan

    Joined:
    Dec 13, 2016
    Messages:
    161
    Likes Received:
    10
    Location:
    Bogor
    pagi para mastah, mau tanya saya baru belajar menggunakan cms WP. saya punya script jquery terus saya simpan filenya dgn nama light.js dlm directory ...themes/mytheme/js/light.js, terus script ini mau saya panggil melalui sebuah button. jadi pas saya baca" referensi salah satuny bilang gini, bikin function dulu dalam file function.php. Jadi saya coba bikin function sprti ini:

    function lightsoff() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('themesscript', get_template_directory_uri() . '/js/light.js', array('jquery'));
    }
    add_action('get_header', 'lightsoff');


    setelah itu, function ini akan saya panggil di postingan WP pakai script berikut:

    <a href="javascript:void(0);" onclick="lightsoff();">Mode Gelap</a></div>

    saya sudah mengikuti semua sumber tapi belum berhasil juga, untuk file light.js ny sendiri sudah terbaca ketika halaman post ny di running <script type='text/javascript' src='http://....../wp-content/plugins/wp-shortcode/js/jquery.tipsy.js?ver=4.7'></script> tapi ketika Mode Gelap diklik ndak ada efeknya. Kira" salahnya ada dimana ya?

    Mohon bantuannya ya kalau ada yang mengerti. Terima Kasih


    Tambahan:
    -Isi file light.js seperti ini:
    $(document).ready(function(){$("#lightsoff").click(function(){$("body").prepend('<div id="fader" style="position: absolute; z-index: 1000; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.7); width: '+document.body.clientWidth+'px; height: '+document.body.clientHeight+'px; display: none;"></div>');$("#embed_holder").css("z-index","2000");$("#fader").fadeIn(500,function(){$("body").prepend('<div id="fader-message" style="position: absolute; z-index: 1100; top: 370px; left: 200px; color: #fff; font-size: 18px; font-family: Calibri;">Klik dimana saja pada layar untuk mematikan mode gelap.</div>');$("#fader").bind("click",function(){$("#fader-message").fadeOut(1000,function(){$("#fader-message").remove();$("#fader").fadeOut(500,function(){$("#fader").remove();$("#embed_holder").css("z-index","0");});});});});});});
     

Share This Page