小编L84*_*L84的帖子

我正在开发一个项目,其中我有一个响应网格,我已经使用flex wrap属性实现了.由于我支持IE9和更低版本的Firefox,版本28及更低版本,我如何通过javascript找到对它的支持.目前我只能通过条件语句识别IE9浏览器,但现在有人如何通过javascript检测Firefox旧版本.

我想在输入更改时使用jQuery自动提交表单.

有问题的输入是日期选择器,我需要在有人做出选择后提交.

<form id="select_date" name="select_date" method="POST" action="about.php?date-yes">
<input type="text" id="widgetFieldInput">
<input name="select_date" type="submit" />
</form>

任何帮助都会很棒!

我使用asp与基础,无论如何使用JS或ASP在选项卡之间切换？

链接(简单选项卡).

我正在使用同位素(v1),并在Pen中的示例后创建了一个搜索字段.

但是,最初它可以工作,如果我过滤同位素库,那么搜索字段就会停止工作.

我相信搜索功能仍然运行只是不过滤库,我不确定如何解决问题.事实上,我不确定究竟是什么问题,因为没有错误被抛出.

这是一个小提琴,有一个工作的例子.

这是搜索,过滤和同位素JavaScript:

var $container = $('.isotope'),
    qsRegex,
    filters = {};

$container.isotope({
  itemSelector : '.element',
  masonry : {
    columnWidth : 120
  },
  getSortData : {
    name : function ( $elem ) {
      return $elem.find('.name').text();
    }
  },
filter: function() {
  return qsRegex ? $(this).text().match( qsRegex ) : true;
}
});

function searchFilter() {
  qsRegex = new RegExp( $quicksearch.val(), 'gi' );
  $container.isotope();
}

// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( debounce( searchFilter …

是否有一种简单的方法可以使用另一个表单字段中的重复内容填充一个表单字段？

也许使用jQuery或javascript？

这是我一直看到的Firebug中的错误.

TypeError: $("#gallery-nav-button") is null
 [Break On This Error]  
$('#gallery-nav-button').addClass('animated fadeOutRightBig');

这是我的代码:

JS

$(function() {
  $("#close-gallery-nav-button").click(function() {
    $('#gallery-nav-button').addClass('animated fadeOutRightBig');
   });
});

HTML

<div id="gallery-nav-button">
  <h4 id="close-gallery-nav-button">X</h4>
    <h3 class="text-center small-text"><a class="inline text-center small-text" href="#gallery-nav-instruct">Click Here for Gallery <br /> Navigation Instructions.</a></h3>
</div>

CSS

#close-gallery-nav-button{
  text-indent:-9999px; 
  width:20px; 
  height:20px; 
  position:absolute; 
  top:-20px; 
  background:url(/images/controls.png) no-repeat 0 0;
}
#close-gallery-nav-button{background-position:-50px 0px; right:0;}
#close-gallery-nav-button:hover{background-position:-50px -25px;}

我正在尝试通过单击按钮找到一个插件或简单的脚本来打开弹出窗口中的文件.这曾经有用,但是对于所有jQuery更新(即使使用迁移文件),这也不再适用.

我找到了这个,但这会打开弹出窗口并重定向到文件url:

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

有什么方法可以获得简单的弹出窗口吗？它需要有滚动条,最好是可调整大小.我见过很多关于模态盒的帖子,但这并没有达到我的需要.弹出框有自己的设计,并且有比适合模态的内容更多的内容.

我还想避免添加任何额外的标记.最简单的方法是添加一个类,就像上面的例子一样.

我有一个非常溢出的div.它基本上包括一个大的组织结构图.我想要做的是用html2canvas库导出div的整个内容而不是可见部分,但到目前为止我无法实现它.下面的代码片段不会呈现完整的内容.有没有办法实现它？

function export(){  
    html2canvas( [ document.getElementById('diagram') ], {
        onrendered: function(canvas) {

            var dataUrl = canvas.toDataURL();
            window.open(dataUrl, "toDataURL() image", "width=800, height=800");
            //Canvas2Image.saveAsPNG(canvas);
        }
     });
}

我正在使用BasicPrimitives库来生成组织结构图.它需要一个div并插入所有元素.由于我的图表中等大,它从容器中溢出.Xhtml代码如下:

<rich:panel style="float: left; width: 100%;">
     <div style="float: left; height:600px; margin-left: 1%;  width: 19%; border-style: dotted; border-width:1px;">
          Some irrelevant content
     </div>
     <div id="diagram" class='diagram' style="float: right; height:600px;  width: 59%; border-style: dotted; border-width:1px;">
          This is the div all charts are dynamically inserted
     </div>
     <div style="float: left; height:600px; margin-left: 1%;  width: 19%; border-style: dotted; border-width:1px;">
          Some more irrelevant …

我试图在相对容器内创建固定位置div.我正在使用bootstrap css框架.我正在尝试创建一个固定位置的购物车.所以每当用户滚动页面时,它将显示购物车内容.但现在问题是,它跑到了容器div之外.

这必须在响应模式下工作.

在这里我尝试:

<div class="wrapper">
    <div class="container">
        <div class="element">
            fixed
        </div>
    </div>
</div>

CSS代码:

.wrapper {
    width:100%
}
.container {
    width:300px;
    margin:0 auto;
    height:500px;
    background:#ccc;
}
.element {
    background:#f2f2f2;
    position:fixed;
    width:50px;
    height:70px;
    top:50px;
    right:0px;
    border:1px solid #d6d6d6;
}

在这里查看实例.

我有一个有近400个元素的同位素画廊(版本2).典型的图库项目如下所示:

<div class="element hybrid a" data-category="hybrid">
    <p class="type">H</p>
    <h2 class="name">Name</h2>
    <p class="strain-info">No Info Available</p>
    <p class="review"><a class="button radius small black review-form-lb" href="#review-form-lightbox">Review</a></p>
</div>

例如,当我运行下面的代码时,基本上为单击的元素添加了一个类,元素需要几秒钟才能放大.

$container.on( 'click', '.element', function() {
  $( this ).toggleClass('large');
  $container.isotope('layout');
});

另一个例子是,如果我有一个按钮组,其中包含几个筛选库的选项,则需要几秒钟.过滤JS:

$('#filters').on( 'click', '.button', function() {
  var $this = $(this);
  // get group key
  var $buttonGroup = $this.parents('.button-group');
  var filterGroup = $buttonGroup.attr('data-filter-group');
  // set filter for group
  filters[ filterGroup ] = $this.attr('data-filter');
  // combine filters
  var filterValue = '';
  for ( var prop in …