小编sat*_*sat的帖子

向下滚动页面后更改元素css位置

我正在搞乱一些试图抓住它的jquery.

我有一个绝对位置设置的ul导航,但在我向下滚动200个像素后,我希望切换到固定的位置,以便导航始终保持在页面上.

我该怎么做?

下面是我正在研究的例子

http://satbulsara.com/tests/

javascript jquery

12
推荐指数
2
解决办法
2万
查看次数

如何阻止fadein重复多次悬停

我目前有以下代码:

$("ol#homePortfolio li img").fadeTo("slow", 1.0);

$("ol#homePortfolio li img").hover(
    function() {
        $("ol#homePortfolio li img").fadeTo("slow", 0.8); 
    }, 
    function() {
        $("ol#homePortfolio li img").fadeTo("slow", 1.0); 
    }
);
Run Code Online (Sandbox Code Playgroud)

但是,当我将图像悬停在图像上多次fadeInfadeOut继续进行时,如何应用停止以便它只发生一次?

jquery

9
推荐指数
2
解决办法
1万
查看次数

使用json和angularJs访问作用域中的嵌套菜单项

我对角度很新,无法找到一个解决方案来访问我的角应用程序中的子菜单项.我可以访问顶级菜单项,但是如何获得二级项目则丢失了

以下是我目前的代码

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.min.js"></script>
  <script src="app.js"></script>
</head>
<body ng-app="list">  
  <div ng-controller="ListCtrl">
    <ul>
        <li ng-repeat="menu in menus" id="{{artist.id}}">
            <a ng-href="{{menu.content}}">{{menu.description}}</a>
            <ul>
                <li ng-href="{{menu.content}}">{{menu.menu}}</li>
            </ul>
        </li>
    </ul>
  </div>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

// Code goes here
angular.module('list', []);

function ListCtrl($scope, $http) {
  $http({
    method: 'GET',
    url: 'menu.json'
  }).success(function(data) {
    $scope.menus = data.menus; // response data
    angular.forEach(data.menus, function(menu, index) {

    });
  });
}
Run Code Online (Sandbox Code Playgroud)

JSON

{
   "menus":[
      {
         "id":"contact",
         "leaf":true,
         "description":"Contact Us",
         "link":"",
         "content":"contactUs.html",
         "cssClass":"static-content",
         "menu":null
      },
      {
         "id":"rules",
         "leaf":false,
         "description":"Sports …
Run Code Online (Sandbox Code Playgroud)

html javascript css json angularjs

8
推荐指数
1
解决办法
612
查看次数

Jquery UI模式对话框,将焦点设置在第一个表单元素上

我目前正在使用jquery UI模式框.

我想知道如何在打开对话框时将焦点设置到模态框的第一个表单元素上我认为这是默认情况下发生但由于某种原因它不是.

如何在打开时将jquery ui设置为关注第一个表单元素?

这里是带有模态对话框的页面的URL,只需单击此页面上的显示对话框链接即可

javascript jquery jquery-ui

7
推荐指数
3
解决办法
3万
查看次数

如何在没有固定宽度的情况下居中图像

我试图将不具有固定宽度的图像居中作为具有各种图像尺寸的图库,因此不能使用边距0自动,因为您需要固定宽度.

有jquery解决方案吗?

javascript css jquery

4
推荐指数
2
解决办法
4646
查看次数

jQuery UI叠加没有显示?

所有.我正在尝试使用叠加层来处理我的模态框.

如何创建工作叠加层?

我正在使用jQuery UI,并让它与叠加层分开工作.

以下是调用模块的代码:

function showDialog(){
    $("#example").dialog();
    return false;   
}

$(window).resize(function() {
    $("#example").dialog("center", "center", "center");
});
Run Code Online (Sandbox Code Playgroud)

如何调用叠加层?

如果单击以下网址中的链接显示对话框:

http://satbulsara.com/NSJ-LOCAL-02-06/eqs1.htm

谢谢,

星期六

jquery jquery-ui

2
推荐指数
1
解决办法
2706
查看次数

jquery动态找到最长的高度,以设置div中所有兄弟的高度

我正在试图弄清楚如何p通过p在不设置最大高度的情况下动态查找该div中最长元素的高度来设置div 中所有兄弟元素的高度,从此处获取代码

我想动态地将p动态高度设置为最长,因为我不知道最长的高度p

这是代码

$(document).ready(function() {
    setHeight('.col');
});



//global variable, this will store the highest height value
var maxHeight = 100;

function setHeight(col) {
    //Get all the element with class = col
    col = $(col);

    //Loop all the col
    col.each(function() {       

        //Store the highest value
        if($(this).height() > maxHeight) {
            maxHeight = $(this).height();;
        }
    });

    //Set the height
    col.height(maxHeight);
 }
Run Code Online (Sandbox Code Playgroud)

如果有人知道如何做到这一点会很棒

我有一个原始的JavaScript解决方案,但它必须是jquery

function parseRightTabs() {
    var height = 20;
    var ht = …
Run Code Online (Sandbox Code Playgroud)

css jquery

1
推荐指数
1
解决办法
3797
查看次数

隐藏的谷歌地图没有在开放时装入fancybox

在点击链接打开它时,我正在努力查看如何查看我的谷歌地图

目前,当点击链接时,我得到了这个结果

在此输入图像描述

正如你所看到的那样,地图只会在角落里加载一点点

这是html

<a href="#map-canvas" id="inline" class="fancybox" id="inline">
            <img id="map-image" alt="Tea Map" src="wp-content/themes/Tea-interactive/assets/images/map.png" />
        </a>
Run Code Online (Sandbox Code Playgroud)

这是我的fancybox代码

    $("a#inline").fancybox({
    'hideOnContentClick': false,
    'afterShow': function(){
    google.maps.event.trigger(map, "resize");
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps fancybox

1
推荐指数
1
解决办法
880
查看次数

标签 统计

jquery ×7

javascript ×5

css ×3

jquery-ui ×2

angularjs ×1

fancybox ×1

google-maps ×1

html ×1

json ×1