使用选项控制jQuery插件

时间:2014-02-26 作者:anguiac7

这可能是一个愚蠢的问题,但我一直在自学Wordpress,我一直在努力解决这个问题。我想做的是使用Wordpress控制面板页面来控制我网站上的倒计时时钟。我找到了一个jQuery倒计时,它似乎可以很好地工作,并且我已经学习了如何创建带有选项页的插件,以及如何让选项页与选项数据库对话。

我在选项页面中创建了一个数组,其中包含倒计时应该结束的月份、日期和时间,并将其保存到选项数据库中的一个表中。我知道为了将数据输出到jQuery插件,我想使用wp\\u localize\\u脚本函数。然而,我似乎无法连接最后的点。

jQuery倒计时的代码如下所示:

<script> $(\'.live-countdown\').countdown({ date: \'January 1, 2015 13:30:00\' }); </script>
我将所有这些信息存储在我的选项数据库中(作为一个数组,以正确的格式包含月、日、年和时间),但我似乎不知道如何将其输出,以便在这里使用它。有人能给我解释一下如何使用wp\\u localize\\u脚本来输出我的信息吗?我仍然在学习(Wordpress和PHP都在学习),这几天我一直在努力学习。

抱歉,如果这是一个重复的问题,但我已经搜索和谷歌搜索了一段时间,没有运气。我能找到的所有教程要么不清楚,要么有点不同。这看起来很简单,但我想我只是需要根据我的具体情况更好地解释一下。谢谢你的帮助!

1 个回复
最合适的回答,由SO网友:RRikesh 整理而成

您应该使用wp_localize_script() 将调用countdown 方法我假设您将日期存储在一个名为date_name 喜欢January 1, 2015 13:30:00.

在您的情况下,您将其存储为an array with month, day, year, and time in the correct format, 所以您应该将其转换为January 1, 2015 13:30:00 总体安排

wp_enqueue_script( \'jsfilename\' );
$stored_date = get_option( \'date_name\', \'default value\' );
// process stored date so that it gets to the January 1, 2015 13:30:00 format
$date_options = array( \'mydate\' => $stored_date );
wp_localize_script( \'jsfilename\', \'dateopts\', $date_options );
然后在JS文件中调用:

$(\'.live-countdown\').countdown({ date: dateopts.mydate });

结束

相关推荐

JQuery与小部件页面冲突

我正在尝试创建一个小部件插件,它使用jQuery代码根据选择下拉菜单的所选选项显示/隐藏小部件表单中的div。我尝试实现的jQuery代码在其他地方都可以正常工作,但在widgets页面中,它使widgets无法工作(无法扩展或拖动)。这是我在JSFIDLE上的代码:http://jsfiddle.net/fj63g/111//* 更新*/完整的插件代码可在此处找到:http://jsfiddle.net/qNc62/