小编hel*_*ing的帖子

排除序列化上的某些输入

我试图按名称排除输入(它是一个隐藏的输入,保存我的随机数)

以下问题几乎就是我要找的:

我如何使用jQuery的form.serialize但排除空字段

但是我有两个关于那里的解决方案的问题 - 它表明要序列化表单数据,除了空输入和输入,其中值=".".

$("#myForm :input[value][value!='.']").serialize();
Run Code Online (Sandbox Code Playgroud)

首先,我无法使用jquery变量"this"

$('#ofform').live('submit', function(e) {
    e.preventDefault();
    var serializedReturn = $(this :input[name!='security']).serialize();        
});
Run Code Online (Sandbox Code Playgroud)

其次,我有一个单独的形式,其id为ofform-reset,如果我使用:

var serializedReturn = $(#ofform :input[name!='security']).serialize(); 
Run Code Online (Sandbox Code Playgroud)

它接收其他#ofform-reset形式的输入,AND/OR输入未包含在标记内.

在我以前的一个问题中找到了答案.样式的无效标记:

<form id="ofform">
 <div id="toolbar">
 <button id="save">Save</button>
</form>
<form id="ofform-reset">
 <button id="reset">Reset</button>
</form>
</div>
Run Code Online (Sandbox Code Playgroud)

现在想弄清楚如何使用2个不同的按钮来控制同一个表格

jquery serialization

40
推荐指数
4
解决办法
4万
查看次数

JQuery:更改隐藏输入字段的值

我有一个hella时间设置隐藏输入的值.

我想将HTML从选项标签之间传递给隐藏字段 - 结束运行它将来自wordpress'的页面标题wp_list_dropdowns().我已经让它返回文本很好,并且在我的更改事件中它正确地添加了一些css(显然在隐藏字段上不需要,但我试图确定事情发生在哪里).如果我将隐藏的输入更改为文本输入,则有效.我已经在SO的几个地方看到过这是可能的,(改变隐藏输入的值),但现在有些事情让我失望,我看不出答案.

这是JSFiddle:

JavaScript的:

$(".selector").change(function() {
    var $value = $(this).val();
    var $title = $(this).children('option[value='+$value+']').html();
    alert($title); 
    $('input#bacon').val($title).css('border','3px solid blue');
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<select class="selector" name="testselect">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
</h3>

<input id="bacon" type="hidden" class="bacon" value="" name="testinput">
Run Code Online (Sandbox Code Playgroud)

jquery hidden-field

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

禁用WordPress短代码内的自动格式化

我已经看过有关创建[原始]短代码的教程,这些代码使代码内部不受影响,

http://www.wprecipes.com/disable-wordpress-automatic-formatting-on-posts-using-a-shortcode

但不幸的是,这一次只适用于1个短代码...并且b/c else语句绕过普通过滤器并调用函数方向,我对autop和texturize函数的其他修改将被忽略.

有没有办法1.匹配多个短代码和2.保留我的其他添加/删除过滤器到the_content?

wordpress

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

wordpress管理员中的Jquery UI对话框

我试图在我的Wordpress主题管理页面中使用jQuery UI对话框脚本.一切都是直接来自UI演示,但我最终得到一个对话框,其中对话框没有弹出任何东西而是埋在底角,就在关闭正文标记之前.

UI对话框脚本与wp_enqueue_script正确排队,因为它在源代码中显示,如jquery(来自谷歌API)和UI核心.

jQuery(document).ready(function($) {
    $("#dialog").dialog();
}); //end onload stuff
Run Code Online (Sandbox Code Playgroud)

然后我在我的选项页面中有这个:

<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
Run Code Online (Sandbox Code Playgroud)

wordpress jquery dialog

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

使用AJAX - WooCommerce API将变体添加到购物车?

我有一个包含以下数据的项目:

var item = {
  id : "124",
  name : "xxx",
  price : "13.13",
  quantity : 1,
  options : {
    "size" : "xl",
    "color": "pink"
  }
};
Run Code Online (Sandbox Code Playgroud)

当用户点击"添加到购物车"时,我想使用WC API制作Ajax请求,并将上述项目添加到购物车.

jQuery.ajax({
   url: "some/woocommerce/api/add/to/cart/request/path",
   data: item,
   type: "POST"
});
Run Code Online (Sandbox Code Playgroud)

然后在购物车页面上,我想使用WC API制作另一个Ajax请求并检索购物车的内容.

我没有找到任何关于如何使用Javascript从客户端执行此操作的文档(官方或非官方).

有谁知道并且能为我提供一个例子吗?

此外,有谁知道为什么WooCommerce Api文档是如此可怕(缺乏有关如上所述的明显/标准问题的任何信息).我正在认真考虑让我们公司改用Shopify.

javascript ajax woocommerce

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

稀疏Git签出文件到父目录

借用一些教程,我可以在git仓库中对特定文件夹进行稀疏检查.

mkdir git-completion && cd git-completion
git init
git remote add –f origin https://github.com/git/git.git
git config core.sparsecheckout true
echo contrib/completion/ >> .git/info/sparse-checkout
git pull origin master
Run Code Online (Sandbox Code Playgroud)

例如,让我们说,我找的git-completion.bash,git-completion.tcsh等脚本是在contrib/completion这个回购的文件夹中.

上面的稀疏结账确实返回了我想要的文件夹,但它似乎有一个嵌套文件结构:

git-completion/contrib/completion/git-completion.bash
Run Code Online (Sandbox Code Playgroud)

是否可以将文件拉入父目录,如此?

git-completion/git-completion.bash
Run Code Online (Sandbox Code Playgroud)

git sparse-checkout

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

jquery-ui使用TinyMCE编辑器对div进行排序会导致文本消失

按照以下说明操作:http: //www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/

我的metaboxes中有一些不错的WYSIWYG编辑器

我的标记看起来像:

 <div class="sortable">
 <div class="sortme">
<?php $mb->the_field('extra_content2'); ?>
        <div class="customEditor"><textarea name="<?php $mb->the_name(); ?>"><?php echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
 <div class="sortme"
<?php $mb->the_field('extra_content3'); ?>
        <div class="customEditor"><textarea name="<?php $mb->the_name(); ?>"><?php echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

对于包含在div中的textarea,这只是WP_alchemy(也来自farinspace.com)

和告诉tinymce的脚本:

function my_admin_print_footer_scripts()
{
    ?><script type="text/javascript">/* <![CDATA[ */

        jQuery(function($)
        {
            var i=1;
            $('.customEditor textarea').each(function(e)
            {
                var id = $(this).attr('id');

                if (!id)
                {
                    id = 'customEditor-' + i++;
                    $(this).attr('id',id);
                }
                tinyMCE.execCommand('mceAddControl', false, id);

            });
        });
    /* ]]> */</script><?php
}

// important: note the …
Run Code Online (Sandbox Code Playgroud)

tinymce jquery-ui-sortable meta-boxes

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

在哪里修改woocommerce主题中的产品页面

我想修改多个项目的项目选择器的外观. 右下角 我在哪里可以找到包含此文件的文件?

wordpress themes woocommerce

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

jquery ui按钮不一致悬停状态

我有4个按钮使用Jquery UI的"按钮"功能.3完美无瑕地工作.第四个似乎并不想总是应用jquery ui悬停类"ui-state-hover"悬停时.它有一些时间,但大部分时间它只应用一个"悬停"类(我在萤火虫中观看它),这显然与他们的CSS样式不匹配.有没有人知道导致这种差异的原因是什么?

编辑:我认为这是UI按钮和Ajax上传器之间的冲突.这是我正在使用的一些修剪过的代码.

$('.upload_img').button({
    icons: {
        primary: 'ui-icon-folder-open'
    },
    label: "Browse"
    })





   jQuery('.upload_img').each(function(){

    var button = jQuery(this);
    var ID = jQuery(this).attr('value');
    var container = jQuery(this).parent();

    //prevent the clicks from its default 'form submit' behavior
    $(this).click(function() {
    return false;
    });             

    new AjaxUpload( button, {
        action: ajaxurl,
        name: ID , // File upload name
        data: { // Additional data to send
            action: 'save_function',
            type: 'upload',
            _nonce: '<?php echo $nonce; ?>',
            key: ID },
        onSubmit: function(file , ext){
            this.disable(); // If you …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-ui-button

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

jQuery砌体和媒体查询 - 重新加载砌体

我的网站设计了媒体查询,以涵盖不同大小的布局.我有砌体在全尺寸宽度组织一堆浮子,没问题.在移动宽度,所有浮动,浮动,只是堆叠在彼此之上.所以当768px <= width <= 1000px时,当网站调整为平板电脑布局时,我只需要重新运行砌体.

<script type="text/javascript">
//<![CDATA[

    $(document).ready(function($){

        $('ul.xoxo').masonry({ singleMode: true, itemSelector: '.widgetcontainer'  });

        //If the User resizes the window, adjust the #container height
        $(window).bind("resize", resizeWindow);
        function resizeWindow( e ) {
            var newWindowWidth = $(window).width();

            if(newWindowWidth<1008){
                $('ul.xoxo').masonry();
            } else {
                $('ul.xoxo').masonry();
            }
        }

    });

/* ]]> */
</script>
Run Code Online (Sandbox Code Playgroud)

这对我来说不起作用,但我也不希望它在所有调整大小上运行......只是在断点处.

jquery media-queries jquery-masonry

5
推荐指数
2
解决办法
9154
查看次数