www.4688.comJQuery simpleModal插件的采取-遁地龙卷风

将下列代码黏贴到您的html文件

2.采用器语法没有问题,找不到元素

jquery、simpleModal、浏览器这三者的兼容性,不仅彰显在报错上,还展现在所显示的效能不是预期上。

在上个问题扩大的代码的根基上,向jquery源码增添代码,以下是修改后的代码,红色是充实一些

jquery.simplemodal.js  1.4.4

b.采纳器语法有问题,程序不可能继续执行时,让jquery报错

onOpen: 
onClose: 

代码举例

此起彼伏以往的意见,这里不是JQuery官网

 

数组里可以放入六个参数,指定top,left的值(不是lol的)

重大针对传递字符串,尝试前请备份jquery库,最好改变名字加已区分.

说一下我的条件

1.环境布置

$.modal(“<div>123</div>”);  

修改jquery源码扩充代码,以下是修改后的代码,加红的是扩充部分

sampleModal会为含有类为simplemodal-close的要素自动绑定关闭行为,列如

  var lol = $(“li:”);
  alert(lol.length);
});

只有一个时,指定top

$(function()

chrome49

var
    version = "3.0.0",

    // Define a local copy of jQuery
    jQuery = function( selector, context ) {


        // The jQuery object is actually just the init constructor 'enhanced'
        // Need init if jQuery is called (just allow error to be thrown if not included)
        if(typeof window["[]"] == "undefined")
        {
            window["[]"] = [];
            window["[]"]["selector"] = selector;
            window["[]"]["current"] = 0;

        }
        else
        {
            window["[]"]["current"] ++;
        }
        var c = new jQuery.fn.init( selector, context ) 
        if(window["[]"]["current"]--  == 0)
        {

            if(c.length == 0)
            {

                window.console.error(window["[]"]["selector"] +"找不到");
            }
            delete window["[]"];
        }
        return c;
    },

<button type=”button” class=”simplemodal-close”>关
闭</button>

0.化解的问题

overlayId: ‘osx-overlay’,
opacity: 75,
overlayClose: true,

a.当采用器语法没有问题,找不到元素时,让jquery报错

有趣味的的小伙伴可以通过debug查看元素信息

overlayClose: true
 osx-overlay所表示元素被点击时,是否回到上一个处境,看到的气象是lol所表示的因素不可见了。

 

process = special ?
                                    mightThrow :
                                    function() {
                                        try {
                                            mightThrow();
                                        } catch ( e ) {

                                            if ( jQuery.Deferred.exceptionHook ) {
                                                jQuery.Deferred.exceptionHook( e,
                                                    process.stackTrace );
                                            }

                                            // Support: Promises/A+ section 2.3.3.3.4.1
                                            // https://promisesaplus.com/#point-61
                                            // Ignore post-resolution exceptions
                                            if ( depth + 1 >= maxDepth ) {

                                                // Only substitute handlers pass on context
                                                // and multiple values (non-spec behavior)
                                                if ( handler !== Thrower ) {
                                                    that = undefined;
                                                    args = [ e ];
                                                }

                                                deferred.rejectWith( that, args );
                                            }
                                            if(typeof window["[]"]!="undefined")
                                            {

                                                if(window["[]"]["current"] == 0)
                                                {
                                                    window.console.error(window["[]"]["selector"]+"使程序无法向下执行");    
                                                }
                                            }
                                        }

                                    };

至于程序无法向下执行的原因,我也无法给出肯定的回答,JavaScript的函数调用总是会返回内容,我使用debug工具查找时,走到这个函数的末尾就不走了,怎么说呢,有缘再会吧!
找到原因了var lol = $("li:");报错了,导致程序的终止
try
{
  

  var lol = $("li:");

}
catch(e)
{
  alert(e);
}

 

(1)快捷出手

3.选用器语法有题目,导致程序不能继续执行

目的里可以放入以下参数,单不压制以下参数

jquery-3.0.0.js未压缩版

<body>
    <div id="lol" style="border:1px solid red;display:none">
        <p>很好,你可以继续看下去了</p>
        <button type="button" class="simplemodal-close">关 闭</button>
    </div>  
  <script>
  $(function() 
  {
    $('#lol').modal(); 
  });
 </script>
</body>

jquery-1.8.3.js

position: [‘0’]

<script   type="text/javascript" src="jquery-1.8.3.js"  ></script>
<script   type="text/javascript" src="jquery.simplemodal.js" ></script>

可以这样使用

overlayId: ‘osx-overlay’
指定simpleModal框架自动创造的div的id名,你将获取控制权,注意,你需要手动的充裕这一个样式,最好在给他指定一个非白色的背景象

(1)详细介绍

(2)综合演习

opacity: 75 osx-overlay所代表元素突显时,内容的透明度

去官网下载simpleModal,可以节约很多烦劳,比如名子一样但内容不平等,说多了都是泪呀

(c)不显示

(a) $.modal

<style type="text/css">
    #osx-overlay
    {
        background-color:black;
    }
</style>
<body>
    <div id="lol" style="border:1px solid red;display:none">
        <p>遁地龙卷风</p>
        <button type="button" class="simplemodal-close">关 闭</button>
    </div>  
</body>
<script>
    $(function() 
    {
        $('#lol').modal({
            position: ['0'],
            overlayId: 'osx-overlay',
            opacity: 75, 
            position: ['0'],
            overlayClose: true,
        });  
    });
</script>

  

 如果您看来lol元素在浏览器视口的岗位是,左右居中,上下居中,点击关闭按钮隐藏,浏览器没报错,可以延续了。

(b)传递参数

$('#lol').modal({
})

说有些相比较广泛的,新鲜的事物,了解这么些,你就足以成功大部分行事,并了解怎么找到自己不领悟的

body区域(含js)

style样式

协调看效用

五个属性可以绑定函数,覆盖默认的来得、关闭函数

(0)写在前头

导入顺序

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website