小编Bob*_*obe的帖子

第二次更新:看起来我的一个函数(resetFigures)阻止了事件处理程序,所以将它移动到bind函数的末尾就将其排序了.

更新:我在经过一些基本测试后意识到点击事件正在注册,只是在点击时盒子无法翻转.

我的网站基本美学功能在Chrome和Firefox中运行,但它拒绝在iOS上正常运行(在带有iOS 6.1的iPhone 4和带有iOS 4.3.5的iPad上进行测试).

您可以在此处查看该站点,当然还有脚本(main.js):http://bos.rggwebdesigns.com/

我已经读过iOS并没有真正正确地处理jQuery点击事件,但我很难找到解决方法.Stack Overflow上的一些线程提到了live()方法,但实现它如下(以及添加onclick=""到可点击元素)似乎不起作用:

$('.card').live('click touchstart', function() {
        var figure = $(this).children('.back');
        var button = figure.find('.button');
        var column = $(this).parents().eq(1);
        $('.column').removeAttr('style');
        column.css('z-index', 2000);
        resetFigures();
        if(flipCard(this)){
            swoosh.pause();
            swoosh.currentTime = 0;
            swoosh.play();
        }
    });

我还遇到了这个有趣的解决方案项目:http://aanandprasad.com/articles/jquery-tappable/.但是,我也没有运气:

$('.card').tappable(function() {
        var figure = $(this).children('.back');
        var button = figure.find('.button');
        var column = $(this).parents().eq(1);
        $('.column').removeAttr('style');
        column.css('z-index', 2000);
        resetFigures();
        if(flipCard(this)){
            swoosh.pause();
            swoosh.currentTime = 0;
            swoosh.play();
        }
    });

此外,如果我被误导,请纠正我,但根据此网站,iOS支持3D转换,并提供相应的前缀:http://caniuse.com/transforms3d

所以在iOS 6及更早版本中,Safari底部的导航栏以纵向模式固定,并没有消失.因此,如果您想要一个100%高度的文档是真正的全屏,您必须添加额外的60px,以便您可以向上滚动并隐藏地址栏.

现在在iOS 7中,消失的导航栏和调整大小的地址栏,您将如何创建100%高度的文档？换句话说,我希望能够向上滚动文档以使导航栏消失,地址栏调整为迷你版本,文档高度将填充剩余部分(窗口高度减去100px左右)以便您无法进一步滚动.

是否有一种方法可以仅使用CSS淡入淡出元素(至少只是文本)从左到右,反之亦然？

这是我的意思的一个例子:

实际上,如果它需要jQuery,我也会接受它,作为第二优先级.

假设我在同一个DOM级别上有一堆div.当我将鼠标悬停在一个上面时,我希望所有其他人改变样式(即减少不透明度或改变背景),而悬停的那个保持不变.

我不能使用+或~选择器,因为我需要它来选择所有兄弟姐妹,而不仅仅是直接相邻的兄弟姐妹或只有以下兄弟姐妹.基本上我正在寻找的是"所有兄弟姐妹,但这一个"选择器.这存在吗？有没有办法在没有JavaScript的情况下实现这一目标？

解决

所以我sortable()对该connectWith属性进行了一些研究,发现解决方案比我想象的更简单,但我认为它有点倒退,因为draggable()和droppable().

这是小提琴:http://jsfiddle.net/DKBU9/12/

原始问题如下:

这是我之前认为应该分开的SO问题的延伸.

原始问题在这里:jQuery UI - 在drop事件之后克隆droppable/sortable列表.它涉及重新初始化克隆元素上的droppable处理程序.

除此之外,我试图允许从初始列表中拖动的元素在可放置列表中进行排序.

这是一个小提琴,基本上是原始问题的结果:http://jsfiddle.net/DKBU9/7/

和所需的代码,因为SO喜欢抱怨和膨胀这些帖子:

HTML

<ul id="draggables">

    <li>foo1</li>
    <li>foo2</li>
    <li>foo3</li>

</ul>

<ul class="droppable new">

</ul>

JS

$(function() {

    $('#draggables > li').draggable({
        appendTo: 'document',
        revert: 'invalid'
    });

    $('.droppable > li').draggable({
        appendTo: 'document',
        revert: 'invalid'
    });

    $('#draggables').droppable({
        accept: '.droppable > li',
        drop: function(event, ui) {
            ui.draggable.detach().css({top: 0,left: 0}).appendTo($(this));
            cleanUp();
        }
    });

    initDrop($('.droppable'));

});

function initDrop($element) {

    $element.droppable({
        accept: …

我正在学习使用CSS3 3D变换,但是我无法保留在所有其他元素之上转换的元素.

这是我到目前为止:http://bos.rggwebdesigns.com/

如您所见,该站点遵循三个.row div的层次结构的标准z-index规则,这意味着第一行中的卡位于第二行中的卡后面,依此类推.

我尝试在变换脚本中添加行(在main.js中),它选择单击的.card元素上方的.row元素并将其z-index设置为1000,但这似乎不起作用.

$(document).ready(function() {
    $('.card').click(function() {
        $('.row').removeClass('top');
        $('.card').not(this).removeClass('flipped');
        $(this).parents().eq(2).toggleClass('top');
        $(this).toggleClass('flipped');
    })
});

重申一下,我正在努力确保转换元素的所有部分始终显示在每个其他元素之上.

似乎我只是缺少一些琐碎的东西，但是我无法从Schema Default中更改表的排序规则。从下拉列表中选择任何内容都只会恢复为Schema Default。

我已将utf8-utf8_general_ci设置为架构整理，我可以毫无问题地进行更改。

但是，即使架构默认设置为utf8_general_ci，并且表应该使用架构默认设置，当我导出SQL CREATE脚本并将其导入phpMyAdmin时，排序规则也设置为latin1_swedish_ci。

该脚本本身包含正确的CREATE SCHEMA语句：

CREATE SCHEMA IF NOT EXISTS 'my_table' DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci ;

但是CREATE TABLE语句仅包含引擎分配。

我正在使用MySQL Workbench 6.0，并且我正在使用的服务器正在运行MySQL 5.5.34和phpyMyAdmin 3.4.11.1。服务器的默认排序规则也是utf8_general_ci。

编辑：正如我所怀疑的，有些愚蠢。我是通过cPanel而不是通过SQL脚本预先创建数据库的，默认排序规则设置为latin1_swedish_ci。

但是，这并不能解释为什么我不能在Workbench中的表上设置特定的排序规则。

这可能是一个微不足道的问题，但在外键约束方面我仍然有点笨拙，所以我想确定一下。

假设我有一个包含countries字段country_id(PK) 和 ( FK) 的表name，以及一个cities包含字段city_id(PK)name和country_id(FK) 的表。

外键cities.country_id有约束ON DELETE SET NULL。countries据我了解，这意味着如果删除记录，则cities该删除记录的引用中的任何记录country_id都将其country_id字段设置为 NULL。

但是，如果cities.country_id具有属性怎么办NOT NULL？这会阻止外键约束正常工作吗？确实如此，但我只是想检查一下。

这个问题适用于普通的jQuery和jQuery Mobile网站,因为我目前正在处理同一问题中的每一个.这当然只是移动设备或至少iPhone 4的问题.

很简单,设置标题position: fixed; top: 0;.当我使用jQuery animate()函数时,无论是滚动到特定元素还是页面顶部,标题都会从屏幕顶部向上和向下跳跃,就像它无法跟上滚动页面一样.

这只是移动设备的硬件限制,还是我可以做些什么来消除或至少减少这种情况？

我知道简单地在元素的底部添加一个小三角形很容易,但我希望背景图像延伸到三角形中.我怎么能实现这个目标？