Colorbox, работающий над вторым щелчком

Question

Я создаю динамические ссылки через ретранслятор и привязываю ссылки с сервера по адресу OnPreRender. Но окно цвета работает только после первого щелчка. Я использую live для привязки динамических ссылок.

Код следующим образом:

protected virtual void BindJQuery() 
    { 
     string jquery = string.Empty; 
     jquery = StoreLocation() + "Scripts/jui/jquery-1.8.0.min.js"; 
     Page.ClientScript.RegisterClientScriptInclude(jquery, jquery); 
    } 

    protected virtual void BindColorBox() 
    { 
     string jquery = null; 
     jquery = StoreLocation() + "Scripts/colorbox/jquery.colorbox-min.js"; 
     Page.ClientScript.RegisterClientScriptInclude(jquery, jquery); 
    } 

    protected void BindColorBoxC() 
    { 
     StringBuilder urlScript = new StringBuilder(); 
     urlScript.AppendLine("<script type=\"text/javascript\">"); 
     urlScript.AppendLine("$('.iframeC').live('click',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 
     urlScript.AppendLine("</script>"); 
     string js = urlScript.ToString(); 
     Page.ClientScript.RegisterClientScriptBlock(GetType(), "colorboxC", js); 
    } 

    protected override void OnPreRender(EventArgs e) 
    { 
     BindJQuery() 
     BindColorBox(); 
     BindColorBoxC(); 
     base.OnPreRender(e); 
    } 

Edit:

я заменил следующую строку:

urlScript.AppendLine("$('.iframeC').live('click',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

С:

urlScript.AppendLine("$(document).on('click','.iframeC',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

Но результат такой же. Он по-прежнему не работает при первом нажатии. И нет наложения, потому что это новая загрузка страницы.

Любые виды помощи приветствуются. Заранее спасибо.

Answer 1

Изменить этот

urlScript.AppendLine("$('.iframeC').live('click',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

к этому

urlScript.AppendLine("$('.iframeC').on('click',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

.live() осуждается в JQuery, так что лучше использовать .on() вместо that.And убедитесь, что вы закрываете свой ColorBox надлежащим образом . Иногда, если colorbox не закрыт должным образом, наложение отключит вас, чтобы щелкнуть по любому другому элементу. И при первом нажатии наложение будет отключено, а при втором щелчке вы можете щелкнуть click.SO закрасить ваш цветной ящик при закрытии

Answer 2

Заменить эту линию

urlScript.AppendLine("$('.iframeC').live('click',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

By, а затем попытаться

urlScript.AppendLine("$(document).on('click','.iframeC',function(e){ e.preventDefault(); $(this).colorbox({width: '660px', height: '416px', iframe: true}); });"); 

Answer 3

заменить с этой линией.

urlScript.AppendLine(" $(document).delegate('.iframeC', 'click', function (e) { 
       $.colorbox({ iframe: true, width: '660px', height: '416px', href: this.href }); 
       return false; 
      });");