小编Sha*_*laG的帖子

Colorbox停止背景滚动并返回到父页面上的相同位置

我有一个无序列表,我使用视图在drupal 7中创建.每个列表项都有一个打开颜色框的链接.如果将鼠标放在颜色框的褪色背景(即父页面)上,则可以滚动父页面.我所追求的是父页面,当它关闭时,停止滚动并返回父页面上的相同位置/锚点.

在这里搜索问题我找到了代码:

$(document).bind('cbox_open', function () {
    $('html').css({ overflow: 'hidden' });
}).bind('cbox_closed', function () {
    $('html').css({ overflow: 'auto' });
}); 
Run Code Online (Sandbox Code Playgroud)

上面的代码可以工作,但将父页面滚动回到最顶层.

如果我可以动态地这样做,这将有效;

$("html,body").scrollTop(400); // 300 is just a example
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

jquery scroll colorbox drupal-7

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

搜索正文字符串然后搜索样式

我需要使用jQuery搜索文档来查找特定单词.它实际上是一个品牌名称,无论在何处使用,都必须是粗体和斜体.

我可以使用:contain但仅基于单个元素.我需要能够通过锚点,列出div等.

$( "a:contains('brand name')" ).html().replace('brand name'.... 
Run Code Online (Sandbox Code Playgroud)

任何想法,将不胜感激.

更新:我已经实现了这个目的,并取代了页面上的所有内容,但我现在需要用类包装.如此接近但却难以接受这一点.我们将再次感谢您的想法.

    $("body *").contents().each(function() {
  if(this.nodeType==3){
    this.nodeValue = this.nodeValue.replace(/brandname/g, 'colour');

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

jquery replace contains nodevalue

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

如果div已被删除,请禁用drop?

我已经创建了一个拖放游戏,以便开始自学jquery.一切似乎都有效,但你可以将多个项目放在同一个方格上.如果占位符中有图像,我想禁用droppable.

我调查过:

`greedy: true`
Run Code Online (Sandbox Code Playgroud)

这会禁用掉线,但我不知道如何再次启用它,还有:

$(this).droppable( 'disable' );
Run Code Online (Sandbox Code Playgroud)

如果块/图像恢复到原始位置或移动到另一个方块,我可以得到这两个来禁用掉落但不知道如何让它们再次启用它.

完整版:http: //creativelabel.co.uk/drag-and-drop/

更新:这是可放置插槽的代码.

  for ( var i=0; i<=19; i++ ) {
  var images = 'images/slot' + slotNumbers[i] + '.jpg';
$('<div class="placeholder"><div class="img-slot"></div></div>').attr('id', 'slot'+slotNumbers[i]).data( 'slotNumbers', slotNumbers[i] ).appendTo( '#imgSlots' ).droppable( {
      accept: '#images img',
      hoverClass: 'hovered',
      drop: handleDropEvent,
      activate: handleDragEvent
});
Run Code Online (Sandbox Code Playgroud)

这是drop:事件代码:

  function handleDropEvent( event, ui ) {
  var slotNumber = $(this).data( 'slotNumbers' );
  var imgNumber = ui.draggable.data( 'number' );
  ui.draggable.addClass( 'dropped' );
  $(this).droppable( 'disable' );
  ui.draggable.position( { of: …
Run Code Online (Sandbox Code Playgroud)

jquery drag-and-drop jquery-ui-draggable jquery-ui-droppable

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