Question

我正在尝试在单击图像时将单独的Wordpress帖子中的内容插入到信息框中。我正在为网站的这一部分使用修改过的模板，其中的图像是从数组中填充的。

我已经使用.load()方法使用jQuery和静态URL成功完成了这项工作。

        <script type="text/javascript">
        jQuery(document).ready(function() {
                jQuery('.dynagrid a').click(function(event){ 
                // stop normal link click
                event.preventDefault(); 
                }); 
            jQuery('.dynagrid a').click(function(){
                jQuery('div.project-info').fadeToggle(function(){
                    jQuery(".infotext").load('/cowshed/akg .infotext > *', function() {
                        jQuery('div.project-info').fadeToggle() 
                    }); 
                });
            });
        });

我的问题在于为每个图像制作加载的URL动态 - 每个图像加载不同的信息。我的计划是将每个图像的<alt>信息作为变量抓取并插入例如jQuery(".infotext").load('/cowshed/+alt+ .infotext >*');并将其与所需帖子的永久链接相匹配，但我尝试过的所有内容都失败了。

我已经花了好几个小时来解决这个问题，我担心我在jQuery方面缺乏经验会让事情变得更加艰难。

以下是目前的页面：Cowshed Tools

任何人都可以看到解决方案并解决问题吗？

Answer 1

 jQuery(".infotext").load('/cowshed/akg .infotext > *', function() {
                           ^^^^^^^^^^^^^^^^^^^^^^^^^^

指定的部分应该是提供您正在加载到.infotext元素中的内容的URL。你有一个看起来像url和CSS选择器的邪恶混搭，它不是一个有效的URL。鉴于你想动态加载东西，它应该是：

.load('http://example.com/fetchcontent?contentID=' + this.alt, function () ....);

网址不一定是绝对的，但它应该是服务器的有效网址。

从Wordpress中加载内容从点击的图像中动态发布

1 个答案: