请参见下图：

Question

我正在尝试使用自定义HTML模块，JCE和Protostar将以下内容集成到Joomla 3.8.11（全新安装）中。我尝试了几种方法，包括使用-manualEditorNode.addListener(() { if (manualEditorNode.hasFocus) { manualInputController.selection = TextSelection( baseOffset: 0, extentOffset: manualInputController.text.length); } });- 但不幸的是我无法正常工作。

有人可以帮我吗？非常感谢！

脚本：

jQuery(document).ready(function() {

HTML

    $(function(){
    $('.dragbox')
    .each(function(){
        $(this).hover(function(){
            $(this).find('h2').addClass('collapse');
        }, function(){
            $(this).find('h2').removeClass('collapse');
        })
        .find('h2').hover(function(){
            $(this).find('.configure').css('visibility', 'visible');
        }, function(){
            $(this).find('.configure').css('visibility', 'hidden');
        })
        .click(function(){
            $(this).siblings('.dragbox-content').toggle();
        })
        .end()
        .find('.configure').css('visibility', 'hidden');
    });
    $('.column').sortable({
        connectWith: '.column',
        handle: 'h2',
        cursor: 'move',
        placeholder: 'placeholder',
        forcePlaceholderSize: true,
        opacity: 0.4,
        stop: function(event, ui){
            $(ui.item).find('h2').click();
            var sortorder='';
            $('.column').each(function(){
                var itemorder=$(this).sortable('toArray');
                var columnId=$(this).attr('id');
                sortorder+=columnId+'='+itemorder.toString()+'&';
            });
            alert('SortOrder: '+sortorder);
            /*Pass sortorder variable to server using ajax to save state*/
        }
    })
    .disableSelection();
});

有一些CSS，但这不会引起任何问题。

Answer 1

您是否正在引用网页上的jQuery文件。如果没有放他的jQuery CDN链接：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

也请在浏览器的控制台中检查是否有任何错误。为此-在 Chrome浏览器中，按 F12按钮，然后单击控制台标签。我认为在您的Project路径中找不到jQuery。

joomla jQuery-无法使jQuery工作

1 个答案:

请参见下图：