小编Cam*_*ron的帖子

我一直在使用JavaScript脚本VideoJS:http://videojs.com/ 来构建一些可以在弹出窗口中向用户显示的视频播放器.我已经构建了如下弹出窗口:

        <script type="text/javascript"> 

            VideoJS.setupAllWhenReady();

            jQuery(document).ready(function ()
            {
                // videos have video js applied to them
                //$("video").VideoJS()

                $(".show-video").click(function ()
                {
                    $(".video-background").show();
                    $(".video-container").fadeIn("fast");
                });
                $(".close-video").click(function ()
                {
                    $('.video-background').fadeOut();
                    $('.video-container').fadeOut();

                });
            });
        </script>

<a class="show-video">Show Video</a>

        <div class="video-background">
            <div class="video-container">

                <div class="video-js-box vim-css">
                    <video id="video1" class="video-js" poster="wallpaper.png" controls="controls" width="1024" height="768">
                        <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
                        <object id="flash_fallback_1" class="vjs-flash-fallback" width="1024" height="768" type="application/x-shockwave-flash"
                            data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
                            <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
                            <param name="allowfullscreen" value="true" /> 
                            <param name="flashvars" value='config={"playlist":["poster.png", {"url": "video.mp4","autoPlay":false,"autoBuffering":true}]}' /> 
                          </object>
                    </video>
                </div> …

我想在CakePHP 2.1中为错误创建自定义视图

我在这里一直在阅读以下问题:CakePHP 2.0 - 如何制作自定义错误页面？

但有些东西不能按预期工作!

1.)异常和错误似乎不是一回事,好像我去了一个伪造的网址我得到了内置的404页面,但如果我在控制器中手动执行一个未发现的异常,它将调用自定义视图...为什么是这样？我认为Cake中的所有错误都经历了例外情况？

2.)我正在尝试渲染视图而不是实际重定向用户...例如:

App::uses('ExceptionRenderer', 'Error');

class AppExceptionRenderer extends ExceptionRenderer {
    public function notFound($error) {
        $this->controller->redirect(array('controller' => 'errors', 'action' => 'error404'));
    }
}

而不是我正在尝试的重定向:

$this->controller->layout = null;
$this->controller->render('/Errors/error404');

但我最终得到的只是一个空白页......这是为什么？这只发生在进行手动异常时？

有人可以回答这两个问题吗？谢谢

我有以下Google Map测试:http://jsfiddle.net/gM6Z6/

您可以看到它获取您的位置,然后使用三个标记在地图上显示它.

我想要做的是当用户将鼠标悬停在三个标记中的任何一个上时,我想向标记头像显示以下工具提示NEXT:

var tooltipOptions={
    marker:marker,
    content: "You're here!",
    cssClass:'tooltip'
};
var tooltip = new Tooltip(tooltipOptions);

我不知道如何最好地做到这一点,因为我需要这个来处理所有三个标记,并且无论哪个标记悬停都处于相同的位置.它应该总是出现在头像旁边,就像下面的foursquare截图一样,但是应该向左或向右移动,这取决于屏幕上图标的位置以使其适合.

有人可以帮忙吗？因为我对这个文档有点含糊不清......我可以创建工具提示,但我很困惑如何最好地显示所有三个标记,但是在相同的位置和视口识别.

我有以下测试应用程序:http://dev.driz.co.uk/ajax/

您可以使用jQuery AJAX单击要在其他页面中加载的链接,有两种类型,globalTabs和localTabs,它们将内容加载到不同的面板中.注意:每个页面实际上是整页,但我们只使用jQuery find方法获取我们想要的内容.

为了增强这一点,我使用的是HTML5 History API(用于跨浏览器的History.js).

标题和网址变化很好,历史堆栈正在成功推送,当我使用后退和前进按钮时,网址和标题会恢复原状.

现在,复杂的部分正在加载回来自先前状态的内容,并且更复杂地加载正确的类型,例如全局或本地ajax.为了实现这一点,我想我需要将数据和类型传递给push状态,以便可以再次为popstate重用它...

谁能帮助我指出正确的方向？我有所有的第一部分工作,只是将ajax类型传递给pushState然后重新使用popstate更改的情况.

为了改进这一点,我重写如下,以显示我传递类型和数据的计划:

注意:大写历史是因为我正在使用History.js

var App = {

    init: function() {

        $(document).ready(function() {

            $('.globalTabs li a').live('click', function (e) {
                e.preventDefault(); 
                App.globalLoad( $(this).attr('href') );
            }); 

            $('.localTabs li a').live('click', function (e) {
                e.preventDefault();
                App.localLoad( $(this).attr('href') );
            });

        });

        window.addEventListener('popstate', function(event) {

            // Load correct content and call correct ajax request...

        });

    },

    localLoad: function ( url ) {

        $.ajax({
            url: url,
            success: function (responseHtml) {
                $('.localContent').html($(responseHtml).find('#localHtml'));

                $data = { $(responseHtml).find('#localHtml'), 'local'}; …

我有一个div(蓝色框)在父元素(红色框)内的页面上绝对定位,我需要将overflow-y设置为隐藏,以便它强制Y轴上溢出的内容被切断,但我希望任何溢出-x的内容都可见.

HTML:

<div id="box1">
    <div id="box2">
        <div style="width:200px;height:640px;background:red;position:relative;">
            <div style="width:200px;height:200px;background:blue;position:absolute;left:200px;top:100px;"></div>
        </div>
    </div>
</div>

和CSS:

#box1 {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:200px;
    overflow-y: hidden;
    border: green 10px solid;
}
#box2 {
    width: 200px;
    overflow-x: visible;
}

这是一个小提琴:http://jsfiddle.net/3dhdy9e9/12/

在阅读了有关Stack Overflow上的主题/问题的一些文章后,显然溢出被覆盖,scroll如果hidden被应用于同一个DOM元素,因此我将代码拆分为使用box1和box2.

基本上我希望绿色框是容器,它强制内容隐藏在Y轴上,但允许内容按照屏幕截图在X轴上流出:

我看不到蓝框,因为它被隐藏的溢出Y切断,即使它的子元素设置为可见/自动...

绿色框应该被限制在200px宽,以便低于其高度的内容被切断,并且蓝色框应该能够流出(通过绝对位置)而不影响绿色框的宽度(如果绿色框的宽度可以正常工作我删除了溢出的隐藏).

我有一个像这样的简单数组:

$input = array('Line1', 'Line2', 'Line3');

并希望随机回应其中一个值.我以前做过这个,但是不记得我是怎么做到的,所有array_rand的例子看起来都比我需要的更复杂.

有什么帮助吗？谢谢

我有以下简单的jQuery:

            $('#features').hide();

            $('#more').click(function(e)
            {
                e.preventDefault();
                $('#more').hide();
                $('#features').show();
            });

这显示了当用户单击更多链接并使用preventDefault方法时,#features哈希未添加到URL 的DIV .但是我仍然想要向下滚动到那个DIV,就像将哈希传递给url一样,只是不在地址栏中显示它.我该怎么做呢？谢谢

注意:我不是在寻找任何奇特的效果等,所以不要使用像scrollTo等插件

我正在使用jQuery TableSorter插件并Uncaught TypeError: Cannot set property 'count' of undefined使用此代码获得以下错误:

$(document).ready(function () {
    var copyThead = $(".uiGridContent thead").html();
    copyThead = '<table><thead>' + copyThead + '</thead></table>';
    $(".uiGridHeader").html(copyThead);
    $(".uiGridContent table").tablesorter();
    $(".uiGridContent table thead").hide();
    $(".uiGridHeader th").click(function () {
        // Get updated HTML
        var FindcopyThead = $(".uiGridContent thead").html();
        var NewcopyThead = '<table><thead>' + FindcopyThead + '</thead></table>';
        $(".uiGridHeader").html(NewcopyThead);

        var index = $(".uiGridHeader th").index(this);
        var sorting = [[index, 0]];
        $(".uiGridContent table").trigger("sorton", [sorting]);
        return false;
    });
});

而HTML是:

<div class="uiGrid">
    <div class="uiGridHeader">
        <!-- NEW HEADER GOES …

目前,如果我有一个ajax请求的错误,如提交表单(我使用的是ASP.NET MVC 3),它将显示类似"内部服务器错误"的内容.

但是如果我在不使用Ajax的情况下进行提交,则.net将显示实际的服务器错误.

关于我怎么可能得到错误显示的任何想法？所以我的用户可以报告问题而不是只能说"内部服务器错误"

谢谢

我正在使用http://nick-jonas.github.io/windows/的修订版本,它允许用户在DIV中滚动不同的部分,然后将其重新捕捉到位.

因为我正在滚动DIV我已经替换了:

$('.windows').animate({scrollTop: scrollTo }, options.snapSpeed, function(){
                    if(!completeCalled){
                        if(t){clearTimeout(t);}
                        t = null;
                        completeCalled = true;
                        options.onSnapComplete($visibleWindow);
                    }
                });

有:

$('.windows').scrollTo( $visibleWindow , options.snapSpeed, { onAfter:function(){
                    if(!completeCalled){
                        if(t){clearTimeout(t);}
                        t = null;
                        completeCalled = true;
                        options.onSnapComplete($visibleWindow);
                    }
                }});

因此,您可以看到我使用scrollTo插件跳转到可见的div而不是像前面的代码那样依赖复杂的偏移量.

我在原始代码和我自己的代码中注意到的一个错误是,如果捕捉已经开始,然后用户通过滚动来中断此操作,他们将最终与滚动事件进行战斗以滚动内容.因此,如果scrollTo向下滚动100个像素,然后他们尝试使用浏览器滚动条向上滚动300个像素,则屏幕将在事件和浏览器滚动战斗时出现问题.

关于如何阻止这一点的任何想法？我希望现在我正在使用scrollTo插件,它将变得更容易处理.

到目前为止,我尝试过:

$('.windows').bind("scroll mousedown DOMMouseScroll mousewheel keyup", function(e){
    if ( e.which > 0 || e.type === "mousedown" || e.type === "mousewheel"){
         $(this).stop().unbind('scroll mousedown DOMMouseScroll mousewheel keyup');
    }
});

但是这样可以阻止所有的攻击......任何修复的想法？