在 jQuery(document).ready(function() 里面放什么 [关闭]答案

【问题标题】：What to put inside jQuery(document).ready(function() [closed]在 jQuery(document).ready(function() 里面放什么 [关闭]
【发布时间】：2012-10-19 02:06:20
【问题描述】：

一直在尝试让 javascript 库在 wordpress 中运行，但我不太确定要在 .ready(function) 中添加什么才能运行库。 jQuery函数的原始页面在这里：http://manos.malihu.gr/simple-jquery-fullscreen-image-gallery/2

我假设我需要运行一些将运行整个 javascript 文件的函数，但我不太确定该函数可能是什么。很抱歉对此如此陌生，但非常感谢您的帮助！

function malihu_gallery() {
if (!is_admin()) {

    // Enqueue Malihu Gallery JavaScript
    wp_register_script('malihu-jquery-image-gallery', get_template_directory_uri(). '/js/malihu-jquery-image-gallery.js', array('jquery'), 1.0, true );
    wp_enqueue_script('malihu-jquery-image-gallery'); 

    // Enqueue Malihu Gallery Stylesheet
    wp_register_style( 'malihu-style', get_template_directory_uri() . '/CSS/malihu_gallery.css', 'all' );
    wp_enqueue_style('malihu-style' );

    function gallery_settings () { ?>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            // What do I put in here?
        });
    </script><?php
    }
  }
}

add_action('init', 'malihu_gallery');

【问题讨论】：

似乎脚本中嵌入了一些 $(window).load(function() ，所以我不确定您是否需要添加任何内容。
您使用的是完整的 HTML/Javascript 吗？还是只是 Javascript？
我投票结束。这就像问，“我在 <body></body> 中放了什么？” 或 “我在我的 CSS 文件中放了什么？”
感谢大家的cmets。我正在使用类似版本的 HTML 并在外部调用 javascript。我不确定我是否真的需要函数 php 中的额外设置，但有人告诉我，我需要准备函数以保持 jQuery 可供使用。我宁愿不添加任何东西并将所有选项保留在 .js 文件中，但我不确定为什么它不会运行 javascript？抱歉，我对这个 Sparky672 还是有点陌生。只是想弄清楚如何让这个可爱的滑块与 Wordpress 一起工作！
我已将我的 index.php 附在下面以防万一，希望它会有所帮助。我的 HTML 与 malihu 网站上的示例几乎完全相同。 pastebin.com/hn8JNM4y

标签： javascript jquery html css wordpress

【解决方案1】：

我猜，基于实际代码的有限视图，这组变量应该在那个空间中设置/修改：

//config
//set default images view mode
$defaultViewMode="full"; //full, normal, original
$tsMargin=30; //first and last thumbnail margin (for better cursor interaction) 
$scrollEasing=600; //scroll easing amount (0 for no easing) 
$scrollEasingType="easeOutCirc"; //scroll easing type 
$thumbnailsContainerOpacity=0.8; //thumbnails area default opacity
$thumbnailsContainerMouseOutOpacity=0; //thumbnails area opacity on mouse out
$thumbnailsOpacity=0.6; //thumbnails default opacity
$nextPrevBtnsInitState="show"; //next/previous image buttons initial state ("hide" or "show")
$keyboardNavigation="on"; //enable/disable keyboard navigation ("on" or "off")

当然，这假设这些变量尚未在您的“/js/malihu-jquery-image-gallery.js”文件中设置。

【讨论】：

感谢杰森的帮助！当我在本地主机上检查源代码时，它似乎正在加载脚本，但由于某种原因，这些更改并未在网站的前端生效。我尝试按照您的建议将代码从 .js 文件移动到 functions.php ，但似乎没有变化。我会继续努力的！