如何在.load()中加载(src = ...)js文件?

时间:2011-07-20 11:05:55

标签: javascript load jquery jquery-load

这个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>

尊重

2 个答案:

答案 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();
           });
        });
    });