joomla中的jQuery自定义插件不起作用

亚历山德拉(Aleksandra Chuprova)

我正在尝试添加一个自定义的jquery插件。但是我收到错误jQuery(...)。termifier不是一个函数....我很确定代码中没有错误

为了进行测试,我尝试从learning.jquery.com复制代码

(function($) {
    $.fn.greenify = function() {
        this.css("color", "green");
        return this;
    };
}(jQuery));

进而

jQuery('..').greenify();

返回我错误jQuery('..')。greenify不是一个函数

到底是怎么回事???有谁知道原因吗?

编辑

更多代码。绿色化只是为了表明它不适用于标准示例...。

实际的插件...当前放置在同一文件中,以后在ellements上调用它,因此找不到文件的问题。

 (function($) {
  $.fn.termifier = function(options) {
   options = $.extend({
      lookupResource: 'getTerm',
     flyoutClass: 'lookerUpperFlyout'
  },options||{});

   this.attr('title','Click me for my definition!');

   return this.click(function(event){
    $.ajax({
       url: options.lookupResource,
       type: 'get',
       data: {term: this.innerHTML},
       dataType: 'html',
    success: function(data) {
      $('<div></div>')
        .css({
          position: 'absolute',
          left: event.pageX,
          top: event.pageY,
          cursor: 'pointer',
          display: 'none'
        })
        .html(data)
        .addClass(options.flyoutClass)
        .click(function(){
          $(this).fadeOut(1500,function(){$(this).remove();});
         })
        .appendTo('body')
        .fadeIn();
      }

    });
    return false;
  });
 };
  }(jQuery));


 jQuery(document).ready(function(){
 ...
 jQuery('abbr').termifier({
    lookupResource: 'some.php'
  });

 });

我很无知...

重物

首先,确保您使用Joomla的API导入jQuery ,如下所示:

<?php
   JHtml::_('jquery.framework');
?>

这将确保仅导入jQuery的1个实例,并且也以noConflict模式导入。

完成后,您应该使用jQuery全局范围并将其$用作别名(可选):

jQuery(document).ready(function($){
    $.fn.greenify = function() {
        this.css("color", "green");
        return this;
    };
});

希望这可以帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

$(this) 在自定义 jQuery 函数中不起作用

自定义JavaScript在Joomla 3模板中不起作用

Cordova 自定义 URL 方案插件不起作用

CKeditor 自定义插件 allowedContent 不起作用

自定义jQuery在Wordpress Ninja Forms插件上不起作用

自定义验证方法不起作用-jQuery验证插件

jQuery插件在Joomla 3模块中不起作用

AEM中的TouchUI RTE中的多个自定义插件不起作用

Ajax 调用在自定义插件中不起作用

Django CMS-自定义插件中的复制关系不起作用

自定义渲染器功能在Handsontable插件中不起作用

$(this)在.each中的自定义函数中不起作用

提供自定义文件名在table2excel jQuery中不起作用?

使用jQuery的自定义JavaScript代码在Angular 5(angular-cli)中不起作用

jQuery在Django自定义templatetag的模板中不起作用

调度自定义事件在haxe中不起作用

自定义 CSS 在 Laravel 中不起作用

自定义 UIView 中的 UITapGestureRecognizer 不起作用

自定义MessageConverter在Spring Boot中不起作用

REST API在自定义帖子中不起作用

自定义背景资源在android中不起作用

UICollectionView在自定义键盘扩展中不起作用

Drupal中的自定义元标记不起作用

cloudformation 中的自定义功能不起作用

FindResource在自定义控件DLL中不起作用

android中的自定义listView不起作用

自定义UICollectionViewCell类中的按钮不起作用

自定义 UIView 类中的 UIButton 不起作用

DatePicker 在 React 自定义 Hook 中不起作用