javascript - 注册按钮在我的 Launchrock 小部件中不起作用

标签 javascript css widget launch

我建立了一个着陆页 --> http://www.zentify.com/ 我使用了 twitter bootstrap 并集成了 Launchrock 小部件并调整了一些 css。 现在看起来像我想要的样子,但是提交按钮“Jetzt Unternehmen anmelden”不起作用。

有人明白为什么那个按钮没有指向任何地方吗? 哪些代码片段有助于查看?

这是我的自定义 CSS https://github.com/Boeru/Zentify-website/blob/master/css/custom.css

我在登录 Launchrock 小部件编辑器时直接在高级代码编辑器中编辑的小部件的 CSS 和 html。

这是Launchrock Widget自带的JS(问题出在这里吗?)

The widget css in the Launchrock advanced code editor
window.lrignition.themesJS.customTheme = function() {
/* DO NOT MODIFY ABOVE THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */
this.init.push(function() {
    /* Your code here to run on initialization */
});
// Uncomment to override default mode set behavior
/*
this.setMode = function( ignition, mode ) {
    var container = ignition.getContainer(); // jQuery
    if( mode === "main" ) {
        container.find( ".LR-content" ).removeClass( "LR-sharing-page" );
        container.find( ".LR-site-share" ).hide();
        container.find( ".LR-sign-up-container" ).show();
    } else if( mode === "postsignup" ) {
        container.find( ".LR-content" ).addClass( "LR-sharing-page" );
        container.find( ".LR-sign-up-container" ).hide();
        container.find( ".LR-site-share" ).show();
    }
};
*/
/* DO NOT MODIFY BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */
  };
  window.lrignition.themesJS.customTheme.prototype = new ( window.lrignition.themesJS.clean || window.lrignition.themesJS.common )( "customTheme" );

这是小部件的覆盖css

.LR-sign-up-submit{

style="background-color:#00FA9A;"
height: 100px;
    }


.myButton {
width: 98%;



    -moz-box-shadow:inset 0px 1px 0px 0px #00fa9a;
    -webkit-box-shadow:inset 0px 1px 0px 0px #00fa9a;
    box-shadow:inset 0px 1px 0px 0px #00fa9a;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00fa9a), color-stop(1, #00fa9a));
    background:-moz-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
    background:-webkit-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
    background:-o-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
    background:-ms-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
    background:linear-gradient(to bottom, #00fa9a 5%, #00fa9a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fa9a', endColorstr='#00fa9a',GradientType=0);

    background-color:#00fa9a;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;

    border:1px solid #fafafa;

    display:inline-block;
   color: #333333;
    font-family:Trebuchet MS;
    font-size:17px;
    font-weight:bold;
    padding:11px 38.5px  ;
    margin:0px 3px 6px ;
    text-decoration:none;

    text-shadow:0px 1px 0px #00fa9a;

}
.myButton:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33FF99), color-stop(1, #33FF99));
    background:-moz-linear-gradient(top, #33FF99 5%, #33FF99 100%);
    background:-webkit-linear-gradient(top, #33FF99 5%, #33FF99 100%);
    background:-o-linear-gradient(top, #33FF99 5%, #33FF99 100%);
    background:-ms-linear-gradient(top, #33FF99 5%, #33FF99 100%);
    background:linear-gradient(to bottom, #33FF99 5%, #33FF99 100%);


    background-color:#33FF99;
}
.myButton:active {
    position:relative;
    top:1px;
}


.LR-bg-img {
margin-top: 0px;
background-attachment: relative;
background-color: #222222;
background-image: url("img/classicBg.png");
background-position: center center;
background-size: cover;
content: "";
height: 700px;
left: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
width: 100%;
z-index: -1;
}


div.LR-box-container {
z-index: -1;
}


.LR-content {
margin-top: 75px;
color: #FFFFFF;
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size: 14px;
font-weight: 300;
height: 600px;
min-height: 100%;
position: relative; 
z-index: 0;
display: block;
}

.cookie {
margin-top: 160px;
font-family: Cookie;
font-size: 6em
}


.neuehelvetica {
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-weight: 400;
margin-top: -40px;}

div#lr-widget {


height: 540px;

如果要发布更多代码以了解我的问题,请告诉我。 非常感谢建议和评论。我想这是一个相当小的问题,但我个人被卡住了。

最佳答案

我收到错误消息,指出您页面上的链接脚本均未加载。特别有趣的是,jQuery 没有加载,也没有加载任何 bootstrap.js 脚本。

关于javascript - 注册按钮在我的 Launchrock 小部件中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16637965/

相关文章:

javascript - 使用 Javascript 添加到文本区域中的现有文本

javascript - jQuery HTML5 范围 slider 中的实时输出

jquery - 试图将鼠标悬停在一个 div 上以激活另一个 div 的淡入淡出

c++ - 如何设置 QScrollArea 的初始大小?

javascript - Google Map API v3 - 超出最大调用堆栈大小

javascript - Jquery Animate - 使元素只弹跳一次

javascript - 如何在具有相同类名的页面上的不同部分上运行相同的函数

html - CSS 空白 :nowrap

javascript - 平滑的 css 更改过渡

javascript - 可滚动标签栏小部件解决方案