标签: jquery-plugins

我有一个直接的问题:如何使用FancySelect插件使"选择"选项成为选择？

情况就是这样:我有一个有两个选项和两个链接的选择.链接应与select同步.这意味着当点击链接时,它必须使"选中"成为选择的选项.

无论如何,重要的是通知它不是正常选择,但我使用的是名为FancySelect的JQuery插件:http://code.octopuscreative.com/fancyselect/ 这可能是StackOverflow其他地方找到的正常解决方案的主要原因不适用于我的具体情况.所以关键不在于如何使"选择"成为选择的选项,而是如何在使用FancySelect插件时使其"选中".

在这里你可以更好地理解:

http://jsbin.com/AqoYucAG/11/edit

这是我试图使用的代码,但还没有工作:

$( "#a1" ).click(function() {

     $("#selector option:first").attr('selected','selected');
 });

你能告诉我,我怎么能强制选择一个选择"被选中"？非常感谢你!

在我的角度应用程序中,有一些部分,我加载在ng-view中.这个部分有一些jquery插件,通常由document.ready激活.但是当角度载荷部分在ng视图中时,此事件不会触发.如何调用此事件来初始化jquery插件？感谢您的关注.

我有一堆带有这样标签的HTML:

<div id="Field~1">Text text</div>

我不能使用普通的ID选择器,如:

alert($("#Field~1").text())

我猜它与"〜"有关但是有可能仍然引用这些类型吗？

我在这里设置了一个JSfiddle:http://jsfiddle.net/4M97c/

我正在使用dynatable来启动我的桌子.这就是我使用它的方式:

function getData(obj) {
    $.getJSON("AjaxEngine/AddPayment.aspx", { sender: "seller-factor", id: 1 })
            .done(function (data) {

                var dynatable = $('#factors-table').dynatable({
                    dataset: {
                        records: data.Factors
                    },
                    features: {
                        paginate: false,
                        search: false,
                        recordCount: true,
                        perPageSelect: false
                    }

                })
                .bind('dynatable:afterProcess', bindSelectRow);
}

getData()将被解雇的change()事件select.当用户第一次选择项目时,它可以正常工作,但是当所选项目更改时,它将不会加载新数据.几天前我在插件中问过,但没有回答.

我尝试了多种方法,比如这个:

function getData(){        
            $.getJSON("AjaxEngine/AddPayment.aspx", { sender: "seller-factor", id: 1 },
            function (data) {                
                var dynatable = $('#factors-table').data('dynatable');                
                dynatable.records.updateFromJson({records: data});
                dynatable.records.init();               
                dynatable.process();                
            });  

        }

当我记录它是一个对象时,它说dynatable.records是未定义dynatable的.我认为作为一个技巧,可以检查是否dynatable应用于表,如果是,先破坏它然后重新应用它,但我不知道该怎么做.

JSFiddle:http://jsfiddle.net/maysamsh/pDVvx/16/

我有桌子:

HTML

<table id="mydata">
    <thead>
        <tr>
            <th>Data 1</th>
            <th>Data 2</th>
            <th>Data 3</th>
            <th>Data 4</th>
        </tr>
    </thead>
    <tbody>
        <tr class="main">
            <td class="data_1">A</td>
            <td class="data_2">B</td>
            <td class="data_3">C</td>
            <td class="data_4">D</td>
        </tr>
   </tbody>
</table>

当我使用dataTable与jquery排序时:

JavaScript的

jQuery('#mydata').dataTable({
    "sDom": " ",
    "bPaginate": false,
    "bInfo": false,
    'bFilter':false,                        
    "aoColumns": [
        null,               
        null,
        null,
        null
    ]
});

它奏效了.

但是,当我为main添加子行时:

HTML

<table id="mydata">
    <thead>
        <tr>
            <th>Data 1</th>
            <th>Data 2</th>
            <th>Data 3</th>
            <th>Data 4</th>
        </tr>
    </thead>
    <tbody>
        <tr class="main">
            <td class="data_1">A</td>
            <td class="data_2">B</td>
            <td class="data_3">C</td>
            <td class="data_4">D</td>
        </tr> …

上传后,文件的缩略图会显示,因为最终只会上传GIF,如何在预览中显示实际的gif,而不是png缩略图？看到它在其他地方完成,但我认为需要编辑dropzone.js,有没有人在这里完成这个并可以告诉我如何？

谢谢!!

我使用Jquery sumoselect插件进行多选选项.我想点击某个按钮重置值.

这是我的代码:

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.sumoselect.min.js"></script>
<link href="css/sumoselect.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        window.asd = $('.SlectBox').SumoSelect({  okCancelInMulti: true });

    });

这是重置多选内容的功能

function clearContents()
    {
         $('select.SlectBox')[0].sumo.unload();
    }

<select name="is_dist_handled"  multiple="multiple" placeholder="Select"  class="SlectBox">
    <option value="Y">Yes</option>
    <option value="N">No</option>
</select>

我试图使用fengyuanchen jquery cropper插件强制裁剪数据输出的最小大小 - https://github.com/fengyuanchen/cropper

该插件提供两个选项minCropBoxWidth,minCropBoxHeight但这些只能控制屏幕上的实际裁剪框.由于裁剪器内的图像大小可以是任意的(在合理范围内),这不会有助于确保最终输出的大小.它直接足以检索图像的实际大小(它在数据参数中传递给crop函数).我所坚持的是,一旦达到最小宽度/高度值,就会阻止裁剪盒缩小尺寸.我明白了$(this).cropper(...).disable is not a function

$('.image-preview img').cropper({
                    aspectRatio:1/1,
                    strict:true,
                    background:false,
                    guides:false,
                    autoCropArea:1,
                    rotatable:false,
                    minCropBoxWidth:20,//using these just to stop box collapsing on itself
                    minCropBoxHeight:20,
                    crop:function(data){
                        //test the new height/width
                        if(data.height < 120 || data.width < 120){
                            //try to make it stop 
                            $(this).cropper().disable(); //here be the error
                        }else{
                           var json = [
                              '{"x":' + data.x,
                              '"y":' + data.y,
                              '"height":' + data.height,
                              '"width":' + data.width + '}'
                            ].join();
                           $('#image-data').val(json);
                        }
                    }

您好我想使用jQuery键入文本输入字段时用点替换逗号.我现在有这个代码;

$(document).on('change', '.unitprice', function() {
  $(this).val().replace(/,/g, '.');
});

输入字段的类是unitprice

但它不起作用..我似乎无法在谷歌上找到正确的答案.有人知道如何实现这个目标吗？

如果您在jQuery Cropit中查看默认设置，则代码如下

   <div class="image-editor">
      <div class="cropit-image-preview"></div>
      <div class="image-size-label"> Resize image </div>
      <input type="range" class="cropit-image-zoom-input">
      <input type="hidden" name="image-data" class="hidden-image-data" />
      <input type="file" class="cropit-image-input">
      <button type="submit">Submit</button>
    </div>

是的，它使用输入文件上传新图像。但是，我要插入没有输入文件的图像，需要插入输入文本并解析一些URL。我怎样才能做到这一点？