Question

Hello stackoverflowers，

我对jquery有以下问题：

我正在尝试包含我已经在工作的粘性标题：https://jsfiddle.net/6v6tx4xL/1/

在我的magento商店，但看起来像功能：

if ($j(this).scrollTop() > 1)或

$('header').addClass("sticky");

不会用magento开火。

我单独测试var $j = jQuery.noConflict();并且它有效。

P.S。：我已经在使用<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity"> <item android:id="@+id/action_create_alarm" android:icon="@drawable/ic_action_accept" android:orderInCategory="100" android:title="@string/menu_create_alarm" android:showAsAction="always|withText" app:showAsAction="always|withText" /> </menu>

了

我已经没想到为什么magento不允许这样做了。

提前致谢！〜同伴

Answer 1

为了完成这项工作，有两种方法：

第一个是你在函数中调用jQuery：

jQuery(window).scroll(function($) {
            if ($(this).scrollTop() > 1){  
                $('header').addClass("sticky");
            }
            else{
                $('header').removeClass("sticky");
            }
        });

第二个是你定义jquery no-conflict：

var $j = jQuery.noConflict();

$j(window).scroll(function() {
            if ($(this).scrollTop() > 1){  
                $('header').addClass("sticky");
            }
            else{
                $('header').removeClass("sticky");
            }
        });

magento中的粘性标题$ j（窗口）.scroll（function（）

1 个答案: