我怎样才能使这个有用的JSFiddle在我的网站上找到工作?

时间:2015-12-02 05:16:33

标签: javascript jquery html jsfiddle

好的,我发现这个JSfiddle在click上添加了另一个输入字段,当我将代码从JSFiddle复制到我的网站,HTML,Javascript和必要的Jquery时。经过大量的研究,我似乎无法弄清楚为什么结果总是一无所获。实际上它很郁闷。让我告诉你代码,看看你是否可以告诉我我愚蠢的地方。的xD

这是我想要的JSfiddle

HTML:

<h2><a href="#" id="addScnt">Add Another Input Box</a></h2>

<div id="p_scents">
    <p>
        <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" /></label>
    </p>
</div>





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>    
<script src="js/custom.js"></script>

Javascript:

$(document).ready(function() {
        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;

    $('#addScnt').live('click', function() {
            $('<p><label for="p_scnts"><input type="text" id="p_scnt"     size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a     href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
            i++;
            return false;
    });

    $('#remScnt').live('click', function() { 
            if( i > 2 ) {
                    $(this).parents('p').remove();
                    i--;
            }
            return false;
    });
});

我确保将jquery放在自定义JS文件之后,我用$(document).ready()包装了我的JavaScript 我不确定下一步该尝试什么。请帮忙!!!谢谢!

4 个答案:

答案 0 :(得分:2)

你有两次jQuery列出。你只需要其中一个。这会导致问题:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"</script>

另外,您提到 <script src="js/bootstrap.min.js"></script> ,但它是否已上传到您的服务器?如果没有,你可以使用这样的CDN:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

答案 1 :(得分:0)

我建议你不要使用void IBufferToString(IBuffer^ buffer, std::string& string) { Array<unsigned char>^ array = nullptr; CryptographicBuffer::CopyToByteArray(buffer, &array); // TODO: Avoid copy string.assign(reinterpret_cast<char*>(array->Data), array->Length); } IBuffer^ StringToIBuffer(const std::string& string) { auto array = ArrayReference<unsigned char>(reinterpret_cast<unsigned char*>(const_cast<char*>(string.data())), string.length()); return CryptographicBuffer::CreateFromByteArray(array); }

$('#yourObjectId').live('click', function()); 要么 $('#yourObjectId').on('click', function() { //put your codes here });

不推荐使用

$('#yourObjectId').click(function() { //put your codes here });,因为您使用的是.live('click')。如果您只使用jQuery1.11.3或以前的版本,它应该有用。

答案 2 :(得分:0)

试试这个

1.remove:setBackgroundColor(Color.parseColor("#AA3456"));

2.像这样更改js并将它放在custom.js文件的顶部:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

jsfiddle:http://jsfiddle.net/tZPg4/14890/

答案 3 :(得分:0)

似乎该网站有一个缺失的模块,名为“owl-carousel”。因此,JS遇到了错误,并且事件没有绑定到链接,链接负责创建输入框。