2013-12-13 2 views
0

Я новичок в asp.net, я пытаюсь добавить поле «Опыт», когда пользователь добавляет название компании с даты и до настоящего времени. для этого я использую a, теперь для этого я использую jQuery. чтобы динамически добавлять новые столбцы, я написал функцию jQuery, но я не получаю, где добавить эту функцию, когда я запускаю только один столбец. Пожалуйста, помогите, как добавить код jQuery в ASP.NET ниже, это моя функцияВызов jquery в default.aspx

var $lastChar =1, $newRow; 
$get_lastID = function(){ 
    var $id = $('#experience_table tr:last-child td:first-child input').attr("name"); 
    $lastChar = parseInt($id.substr($id.length - 2), 10); 
    $lastChar = $lastChar + 1; 
    $newRow = "<tr> \ 
     <td><input type='text' name='company_name_0"+$lastChar+"' maxlength='255' /></td> \ 
     <td><input type='text' name='from_0"+$lastChar+"' /></td> \ 
     <td><input type='text' name='to_0"+$lastChar+"' /></td> \ 
     <td><input type='number' name='Total_exp_0"+$lastChar+"' maxlength='11' /></td> \ 
     <td><input type='text' name='edit_0"+$lastChar+"' maxlength='255' /></td> \ 
     <td><input type='button' value='Delete' class='del_ExperienceRow' /></td> \ 
      </tr>" 
    return $newRow; 
} 
} 

$('#add_ExperienceRow').live("click", function(){ 
    if($('#experience_table tr').size() <= 9){ 
     $get_lastID(); 
     $('#experience_table tbody').append($newRow); 
    } else { 
     alert("Reached Maximum Rows!"); 
    }; 
}); 

$(".del_ExperienceRow").live("click", function(){ 
    $(this).closest('tr').remove(); 
    $lastChar = $lastChar-2; 
}); 
+0

jquery версия б/у? метод 'live()' устаревает и удаляется в jquery 1.9 .. –

+0

также вы включили библиотеку jQuery в проект ... и любые ошибки в консоли браузера –

+0

EVen после загрузки Googling, я не получаю должной мысли добавьте библиотеку JQuery в project.help me out –

ответ

3

Оберните свой код в этой функции и тег сценария

<script src="Script/jquery-version.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     //Your code goes here 
    }); 
</script> 

вы также должны изменить это .live обработчик события .on, если вы используете последнюю версию JQuery.

+0

Я все еще не могу это получить :( –

+0

Можете ли вы разместить больше кода с вашего defult.aspx? –

+0

пробела недостаточно, чтобы опубликовать код Eugene –

Смежные вопросы