0

我想用跨度包装我的 img 并将图像设置为跨度的背景图像,这样我就可以对图像做一些 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 时,它不起作用并且浏览器报告:

Uncaught TypeError: Object # has no method 'ready'

似乎 Jquery 没有正确加载,我尝试将以下代码添加到我的 index.php:

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

并且还尝试安装 Jquery Easy 插件并启用它,但它们都不起作用。

怎么了?

4

2 回答 2

0

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

$document->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");
});

});

//]]>

");

而且您也可以在模板索引页面中像这样声明 jquery -

baseurl ?>/templates/template;?>/你的 JS 文件夹/你的 Java Script.js">
于 2013-05-18T05:26:38.150 回答
0

在这里查看类似的问题/解决方案:
Joomla Jquery not working,这是为什么呢?

您可以在模板中添加这样的 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.
于 2013-05-14T14:02:04.980 回答