0

我需要帮助来定位我的代码中的冲突,下面是我丑陋的代码(我刚刚开始编写我的 mootools 并且我认为我的方法很丑陋)。该网站可以在这里看到http://tinyurl.com/y9xvm6b。我认为它与这些线相冲突

  <script type="text/javascript" src="/lotsforsaleroxascity/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/lotsforsaleroxascity/media/system/js/caption.js"></script>

在我的代码中。那 2 行是由我的 cms 生成并使用它。

  // Global Functions

window.addEvent('domready',function(){


/* ------------------------------------------------------- Menu */

    var Logo = $('logo').getElements('a'),
        LogoPos = Logo.getStyle('backgroundPosition');
    Logo.addEvents({
        mouseenter: function(){
            this.fade(1);
        },
        mouseleave: function(){
            // Morphes back to the original style
            this.fade(0);
        }       
    });         


/* ------------------------------------------------------- Tabs */


        var tabs = new MGFX.Tabs('#foliobotnav .nav','.t1',{

            autoplay: true,

            transitionDuration:500,

            slideInterval:6000,

            hover:true

        });





    var pages = new noobSlide({

        box: $('mcontent_hold'),

        items: $$('#mcontent_hold div'),

        size: 950,

        handles: $$('#logo a').extend($$('#topnav ul li.inpage a')),

        onWalk: function(currentItem,currentHandle){

            <!--$('info4').set('html',currentItem.getFirst().innerHTML);-->

            this.handles.removeClass('active');

            currentHandle.addClass('active');

        }

    });     



/* ------------------------------------------------------- Websites */  

    var dropWEB = $$('#web div.left div.imgwrap')[0];

    $$('#web .right .imgwrap').each(function(item)

    {

        item.addEvent('click', function(e)

        {

            e = new Event(e).stop();

            dropWEB.removeEvents();

            dropWEB.empty()

            var a = item.clone();

            a.inject(dropWEB);

            dropWEB.style.height = "400px";

        });



    });

/* ------------------------------------------------------- Websites End*/



/* ------------------------------------------------------- Identity */  

    var dropID = $$('#artwork div.left div.imgwrap')[0];

    $$('#artwork .right .imgwrap').each(function(item)

    {

        item.addEvent('click', function(e)

        {

            e = new Event(e).stop();

            dropID.removeEvents();

            dropID.empty()

            var a = item.clone();

            a.inject(dropID);

            dropID.style.height = "400px";

        });



    });

/* ------------------------------------------------------- Identity End*/           



/* ------------------------------------------------------- Artworks */  

    var dropART = $$('#identity div.left div.imgwrap')[0];

    $$('#identity .right .imgwrap').each(function(item)

    {

        item.addEvent('click', function(e)

        {

            e = new Event(e).stop();

            dropART.removeEvents();

            dropART.empty()

            var a = item.clone();

            a.inject(dropART);

            dropART.style.height = "400px";

        });



    });

/* ------------------------------------------------------- Artworks End*/   


/* ------------------------------------------------------- Contact */

$("form").submit(function(){

// 'this' refers to the current submitted form
var str = $(this).serialize();

   $.ajax({
   type: "POST",
   url: "contact.php",
   data: str,
   success: function(msg){

$("#msg").ajaxComplete(function(event, request, settings){

if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
{
result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
$("#formwrap").hide();
}
else
{
result = msg;
}

$(this).html(result);

});

}

 });

return false;

});



/* ------------------------------------------------------- Contact */



});

谢谢你!

---编辑如下

顺便说一句,我遇到的冲突是我在 globals.js 中的所有自定义函数都不起作用。按钮不起作用,滑块不起作用,缩略图查看器也不起作用。

再次感谢。

4

2 回答 2

1

我和 Richard 在这方面 - 我会使用未压缩的版本,使用 firebug 并加载一些 console.log() 来确定问题出在哪里。

我建议通过 jslint.com 运行您的代码 - 它显示了一些问题:

  1. 第 52 行:要注释掉 JavaScript,请使用 // NOT
  2. 第 78 行字符 28 处的问题:缺少分号。
  3. 第 112 行字符 27 处的问题:缺少分号。
  4. 第 146 行字符 28 处的问题:缺少分号。

修复这些,然后重试。

于 2009-10-05T07:03:44.117 回答
0

您正在加载两个版本的 mootools.js;这可不是一个好的开始。你有.../media/system/js/mootools.js.../templates/pennfolio/js/mootools.js

在开发过程中,使用未压缩版本的 mootools.js 可能是一个好主意,因此如果出现问题,您可以轻松找到源代码(D.prototype is undefined这不是一个非常有用的错误消息)。然后在生产中使用压缩版本。

于 2009-10-04T19:44:27.987 回答