这个html代码是我要用.load()调用的html。我想在页眉中加载一次js文件。我不想再将js文件加载到html代码。
以下代码是真的有效。但是html代码中的其他事件jQuery无效。
我该怎么办?
JS:
$('#icon a').click(function (event) {
event.preventDefault();
var id = '#' + this.id;
var title = $(id).attr('title');
$(".title").toggleClass("suject").html(title);
var url = $(id).attr('href')+' .insert';
$('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
$('.results').load(url).hide().show("slow")
});
});
HTML:
<div class="insert">
<form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post">
<div class="myGrid">
<fieldset>
<legend>اطلاعات کلی</legend>
<div class="column">
<div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div>
<div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div>
<div class="auto_box">
<b class="search_hotel">
<span></span>
<div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div>
<ul class="list_autobox_hotel"></ul>
</b>
</div>
<div class="auto_box">
<b class="guide_search">
<span></span>
<div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div>
<ul class="list_autobox_guide"></ul>
</b>
</div>
</div>
</fieldset>
<div class="wide"><input type="button" value="ثبت" class="submit"></div>
</div>
</form>
</div>
尊重
答案 0 :(得分:0)
我认为你需要使用getScript方法,它使用GET HTTP请求从服务器加载JavaScript文件,然后执行它。:
$.getScript('ajax/test.js', function(data, textStatus){
console.log(data); //data returned
console.log(textStatus); //success
console.log('Load was performed.');
});
答案 1 :(得分:0)
这个问题对我来说并不清楚,但可能会有所帮助
$('#icon a').click(function (event) {
event.preventDefault();
var id = '#' + this.id;
var title = $(id).attr('title');
$(".title").toggleClass("suject").html(title);
var url = $(id).attr('href')+' .insert';
$('.table_show, #num_count, #select_box, #input_search').fadeOut('slow',function()
{
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="yourJavaScriptFile.js";
oHead.appendChild( oScript);
$('.results').hide(); // if the element is empty no need to do hide()
$('.results').load(url,function(){
$(this).show();
});
});
});