我怎样才能查询jQuery项目

时间:2015-01-13 07:29:29

标签: wordpress wordpress-theming

我想在wordpress jQuery中发布查询,以便填充单个项目...我的jQuery如下所示:

jQuery("#nanoGallery1").nanoGallery({thumbnailWidth:120,thumbnailHeight:120,
            items: [
                {
                    src: 'demonstration/image_01.jpg',      // image url
                    srct: 'demonstration/image_01t.jpg',    // thumbnail url
                    title: 'image 1',                               // thumbnail title
                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
                    title_FR: 'image 1 (fr)',
                    description_FR : 'description image 1 (fr)'
                },
                {
                    src: 'demonstration/image_02.jpg',
                    srct: 'demonstration/image_02t.jpg',
                    title: 'image 2' ,
                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
                    title_FR: 'image 2 (fr)',
                    description_FR : 'description image 2 (fr)'
                },
                {
                    src: 'demonstration/image_03.jpg',
                    srct: 'demonstration/image_03t.jpg',
                    title: 'image 3' ,
                    //title: 'image 3 - The quick brown fox jumps over the lazy dog - The quick brown fox jumps over the lazy dog',
                    title_FR: 'image 3 (fr)',
                    description_FR : 'description image 3 (fr)'
                }
                ],
                thumbnailHoverEffect:[{name:'imageScaleIn80'},{'name':'descriptionAppear','delay':300},{'name':'borderLighter'}],               
                thumbnailLabel:{display:true,position:'overImageOnBottom'},
        viewerDisplayLogo:true,
        theme:'light',
        fnViewerInfo:myViewerInfo
            });

我如何查询单个项目,如:

{
                        src: 'demonstration/image_01.jpg',      // image url
                        srct: 'demonstration/image_01t.jpg',    // thumbnail url
                        title: 'image 1',                               // thumbnail title
                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
                        title_FR: 'image 1 (fr)',
                        description_FR : 'description image 1 (fr)'
                    }, 

请建议如何使用此查询的功能。

1 个答案:

答案 0 :(得分:0)

我不确定我是否完全理解您的问题,但我认为您正在寻找的是AJAX! :)

默认情况下,WordPress有一个admin-ajax.php文件,你可以发送AJAX调用。您可以创建一个链接到您自己的自定义函数的钩子,您可以在其中执行所需的操作 - 例如获取库项目 - 并将其发送回客户端。然后,您可以将值传递给您的AJAX调用,称为' action'。当admin-ajax.php收到你请求操作的POST请求时,您的自定义函数正在执行。

请查看以下链接以获取更详细的说明:

http://premium.wpmudev.org/blog/how-to-use-ajax-with-php-on-your-wp-site-without-a-plugin/ http://codex.wordpress.org/AJAX_in_Plugins