Question

我想用一个跨度包裹我的img并将图像设置为span的背景图像，这样我就可以对图像做一些css技巧了。我找到了这段代码

<script type="text/javascript">
$(document).ready(function(){

    $("img").load(function() {
        $(this).wrap(function(){
            return '<span class="image-wrap ' + $(this).attr('class') + '"'+'style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
        });
        $(this).css("opacity","0");
    });
});
</script>

它在单个html文件中运行良好。但是，当我将此代码添加到我的〜/ template / index.php时，它无效并且浏览器报告：

未捕获的TypeError：对象＃没有方法'ready'

似乎Jquery没有正确加载，我试图将以下代码添加到我的index.php中：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

并尝试安装Jquery Easy插件并启用它，但它们都没有工作。

有什么问题？

Answer 1

看一下类似的问题/解决方案：
Joomla Jquery not working, why is that?

您可以在模板中添加这样的jquery -

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/YOUR_TEMPLATE_NAME/PATH_TO_JAVASCRIPT_FOLDER/YOUR_JQUERY.js"></script>

YOUR TEMPLATE - Name of you template
PATH TO JAVASCRIPT FOLDER - If any folder present then the path of the folder
YOUR JQUERY.js - Finally the file name which one you want to include.

Answer 2

您可以在页面中添加这样的jquery -

$文档 - ＆GT; addScriptDeclaration（” //

$(document).ready(function()
{
    $("img").load(function(){
    $(this).wrap(function(){
        return '<span class="image-wrap ' + $(this).attr('class') + '"'+'style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
    });
    $(this).css("opacity","0");
});

}）;

//]] GT;

“）;

还可以在模板索引页面中声明这样的jquery -

baseurl？＆gt; / templates / template;？＆gt; /您的JS文件夹/您的Java Script.js“＆gt;

Jquery代码在Joomla中不起作用，尝试在谷歌上找到的所有内容

2 个答案: