标签: jquery-plugins

我在winforms应用程序中使用WebBrowser控件和Smooth Div Scroll来渲染html选框.我下载了样本并添加了

autoScrollingInterval: 3

至

$("div#makeMeScrollable").smoothDivScroll({
    autoScrollingMode: "onStart"
});

让它移动得更快 当我在IE中打开示例时它工作得很好但是当我使用WebBrowser控件并调用导航方法时,滚动条移动得慢得多.

是什么导致了这个问题？

我正在使用此代码初始化数据表，并且在单击了“删除”链接后-一切正常，但是我正在使用刷新页面，因此我尝试使用DataTable函数直接删除行，但是根本无法使它工作。这是当前代码（有效，但刷新整个页面的代码）：

<script type="text/javascript">
$(document).ready(function() {
    $('#publishers').dataTable( {
        "iDisplayLength": 50,
    "sPaginationType": "full_numbers",
     "bStateSave": true
} );
} );

function DeletePublisher(publisherid) {
jConfirm('Are you sure you want to delete this publisher?', 'Delete publisher', function(r) { if (r)
$.ajax({
  type: "GET",
  url: 'includes/publishers/delete-publisher.php?publisherid=' + publisherid,
  data: '',
  success: function(response){
    $.jGrowl('Publisher deleted');
     window.location.reload();
  }
});
});
}
</script>

在身体上

         ...A LOT OF UNINTERESTING COLUMNS, AND THE ONE WITH ACTION:
<td class="action-th">
           <ul class="button-table-head">
                        <li><div class="button-head edit-icon"><a href="#" class="sweet-tooltip" data-text-tooltip="Edit" data-style-tooltip="tooltip-mini-slick"><span>Edit</span></a></div></li>
                        <li><div class="button-head delete-icon"><a href="#" …

我目前正在使用jquery.inview来检测浏览器中某些元素何时完全可见.我这样正常工作:

$('.exclusive').bind('inview',function(e, isInView, visiblePartX, visiblePartY) {
    var elem = $(this);
    if (elem.data('inviewtimer')) {
        clearTimeout(elem.data('inviewtimer'));
        elem.removeData('inviewtimer');
    }
    if (isInView) {
        elem.data('inviewtimer', setTimeout(function() {
            if (visiblePartY == 'top') {
                elem.data('seenTop', true);
            } else if (visiblePartY == 'bottom') {
                elem.data('seenBottom', true);
            } else {
                elem.data('seenTop', true);
                elem.data('seenBottom', true);
            }
            if (elem.data('seenTop') && elem.data('seenBottom')) {
                elem.animate({ 'opacity' : 1}, 1000)
                elem.unbind('inview');
            }
        }, 1000))
    }
});

然而,我想稍微修改该代码,以便当有在视图中的多个匹配元素,这些在依次褪色与每个之间的轻微延迟.当然,当用户移动视口以将更多元素带入视图时,它将继续执行相同操作.谁能指出我正确的方向？

谢谢,克里斯

我有jquery同位素设置,并创建了一些过滤器.当我创建我选择一个过滤器,同位素做一个很好的小动画.我想在动画结束时触发警报.

此示例演示了发生的动画:

http://isotope.metafizzy.co/demos/filtering.html

有任何想法吗？

以下是点击过滤器的代码:

$('.filter').on( 'click', 'a', function( event ) {
        event.preventDefault();
        var $this = $(this);
        // don't proceed if already selected
        if ( $this.hasClass('selected') ) {
            return false;
        }

        // console.log('hello world');
        var $optionSet = $this.parents('.option-set');
        var group = $optionSet.attr('data-filter-group');
        options.comboFilters[ group ] = $this.attr('data-filter-value');
        $.bbq.pushState( options );

        // COUNT
        var $filtered = $('#isotope-container').data('isotope').$filteredAtoms;
        // get count of all filtered item
        alert($filtered.length);
        // get count of all filtered items that match a selector
        //$filtered.filter('.blue').length;
  });

我正在使用iScroll 4但是鼠标滚轮无法正常工作,即使我已经将参数设置为 wheelAction: 'scroll'

这是我的jsFiddle

我正在使用jquery-handsontable来创建数据网格.

如果我做

$("#example1grid").handsontable('setDataAtCell', 0, 0,"test")
$("#example1grid").handsontable("setCellReadOnly", 0, 0);

它会更改文本,但是当我单击时我可以编辑它.为什么？

这是测试http://jsfiddle.net/z9fYC/59/.
无论如何,如果我想让所有列号0都是只读的呢？

选择第一个radion按钮 Jquery.each

有没有选择从每个div中选择第一个无线电

<div>
<table class="sortable accountTable float_left">
      <tr>
        <td class="textlmiddle"><input type="radio" value="" rel=
        ".structure_group1" checked='checked' /></td>
        <td>Organisation structure 1</td>
      </tr>
      <tr>
        <td class="textlmiddle"><input type="radio" value="" rel=
        ".structure_group2" /></td>
        <td>Organisation structure 2</td>
      </tr>

      <tr>
        <td class="textlmiddle"><input type="radio" value="" rel=
        ".structure_group3" /></td>

        <td>Organisation structure 3</td>
      </tr>
      <tr>
        <td class="textlmiddle"><input type="radio" value="" rel=
        ".structure_group4" /></td>
        <td>Organisation structure 4</td>
      </tr>
</table>
 </div>
<div>
<table class="sortable accountTable float_left">
      <tr>
        <td class="textlmiddle"><input type="radio" value="" rel=
        ".structure_group1" checked='checked' /></td>
        <td>Organisation structure 1</td>
      </tr>
      <tr>
        <td class="textlmiddle"><input …

我已经设置了JQuery Plugin Supersized(http://www.buildinternet.com/project/supersized/)并从示例中复制了设置,用我自己的图像替换了他们的图像.

虽然第一张图像显示正常,但它不会转换到第二张图像,并且不显示背面和下一条箭头.

谁能指出我正确的方向？难道我做错了什么？谢谢!

设置是:

<link rel="stylesheet" type="text/css" href="css/supersized.core.css" />
<script src="js/supersized.core.3.2.1.min.js"></script>
<script src="js/jquery.easing.min.js"></script>

<script type="text/javascript">



        jQuery(function($){

        $.supersized({

        // Functionality
        slideshow:1,    // Slideshow on/off
        autoplay:1, // Slideshow starts playing automatically
        start_slide:1,  // Start slide (0 is random)
        stop_loop:0,    // Pauses slideshow on last slide
        random:0,   // Randomize slide order (Ignores start slide)
        slide_interval:3000, // Length between transitions
        transition:6,   // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed:1000,  // Speed of transition
        new_window:1, …

我不是一个jQuery开发人员,但我想要一个像这样的输出:

2007年6月9日星期六,下午5:46:21

请查看此代码(jsFiddle).

<span id="date"></span>

var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
 // Saturday, June 9th, 2007, 5:46:21 PM
$('#date').append(now);

谢谢.

有人可以推荐一些jQuery插件,用于旋转这个HTML结构.

<div id="event_rotator">
 <div class="event">
 <h2>Title</h2>
 <p>Text</p>
 </div>
 <div class="event">
 <h2>Title</h2>
 <p>Text</p>
 </div>
 <div class="event">
 <h2>Title</h2>
 <p>Text</p>
 </div>
</div>

我想,当用户在页面上时,它会在特定时间段内自动旋转,并且用户也可以通过单击箭头左右旋转它.

我试图使用这个http://jquery.malsup.com/cycle/pager11.html,但我无法让它工作.

问题是,我从PHP代码中动态得到这个HTML ..我不知道,如何分配所需的css(我可以分配对所有人来说相同的,但是我不能分配不同的Z-index .