Question

我有一个基本的jquery和html代码，当我在JSfiddle中粘贴并选择库“jquery-ui-1.9.2.min.js”时它可以工作。但是，当我不选择一个库，但从我的服务器链接脚本时，它不起作用......

我检查了请求，服务器给出了正确库的答案......

<script type="text/javascript">
    $(document).ready(function () {
        $('#NewCustomerDiv input[name="companyname"]').keyup(function () {
            if ($(this).val() == "") {
                $('#CustomerCompanyDiv').slideUp("slow");
            } else {
                $('#CustomerCompanyDiv').slideDown("slow");
            }
        });
        if ($('#NewCustomerDiv input[name="companyname"]').val()) {
            $('#CustomerCompanyDiv').slideUp("slow");
        }
        $(".compname").click(function () {
            $(this).select();
        });
    });
</script>

<div id="NewCustomerDiv" <tr>
    <td class="fieldlabel field0a">Bedrijfsnaam</td>
    <td class="fieldlabel field0b" colspan="3">
        <input type="text" name="companyname" tabindex="3" style="width:80%;" />
        <p style="margin-left:50px; display:inline;">Indien van toepassing</p>
    </td>
    </tr>
    <div id="CustomerCompanyDiv" style="display:none;">
        <input type="text" name="veld1" />
        <input type="text" name="veld2" />
    </div>
</div>

这是jsfiddle

JSFIDDLE

Answer 1

您是否在页面顶部包含了JQ文件？

问题可能是因为您没有关闭此标记的开头:(第24行）

<div id="NewCustomerDiv"

此外，您必须将表格标记（tr，td）放入<table>标记。

检查：jsfiddle

Answer 2

您没有关闭第一个<div>并忘记了<table>代码

FIDDLE

<强> HTML

<div id="NewCustomerDiv">
    <table>    
        <tr>
            <td class="fieldlabel field0a">Bedrijfsnaam</td>
            <td class="fieldlabel field0b" colspan="3">
                <input type="text" name="companyname" tabindex="3" style="width:80%;" /> 
                <p style="margin-left:50px; display:inline;">Indien van toepassing</p>
            </td>
        </tr>
    </table>    
    <div id="CustomerCompanyDiv" style="display:none;">
        <input type="text" name="veld1" />
        <input type="text" name="veld2"/>
    </div>
</div>

<强> JAVASCRIPT

$(document).ready(function(){

    $('#NewCustomerDiv input[name="companyname"]').keyup(function(){    
         if($(this).val()==""){
              $('#CustomerCompanyDiv').slideUp("slow");
         }
         else{
            $('#CustomerCompanyDiv').slideDown("slow");
         }
    });

    if($('#NewCustomerDiv input[name="companyname"]').val()){
         $('#CustomerCompanyDiv').slideUp("slow");
    }

    $(".compname").click(function(){
        $(this).select();
    });
});

Jquery在JSfiddle上工作但在服务器上没有

2 个答案:

检查：jsfiddle